{
	"demo": {
		"text": "sap.m",
		"links": [
			{
				"icon": "cart",
				"text": "Shopping Cart",
				"desc": "The classic business process of finding and ordering products",
				"ref": "test-resources/sap/m/demokit/cart/webapp/index.html",
				"links": {
					"Run Integration Tests (OPA5)": "test-resources/sap/m/demokit/cart/webapp/test/integration/opaTestsComponent.qunit.html",
					"Run Integration Tests (Gherkin)": "test-resources/sap/m/demokit/cart/webapp/test/integration/opaTestsGherkinComponent.qunit.html",
					"Run Unit Tests": "test-resources/sap/m/demokit/cart/webapp/test/unit/unitTests.qunit.html"
				},
				"category": "Showcase",
				"teaser": "test-resources/sap/m/demokit/cart/demoappteaser",
				"config": "test-resources/sap/m/demokit/cart/demoapp.json"
			},
			{
				"icon": "unwired",
				"text": "Quickstart",
				"desc": "Your very simple first app",
				"ref": "test-resources/sap/m/demokit/tutorial/quickstart/03/webapp/index.html",
				"links": {
					"View Tutorial": "topic/592f36fd077b45349a67dcb3efb46ab1"
				},
				"category": "Tutorial",
				"config": "test-resources/sap/m/demokit/tutorial/quickstart/demoapp.json"
			},
			{
				"icon": "legend",
				"text": "Bulletin Board",
				"desc": "Worklist app created with the 'Testing' tutorial" ,
				"ref": "test-resources/sap/m/demokit/tutorial/testing/14/webapp/test/mockServer.html",
				"links": {
					"View Tutorial": "topic/291c9121e6044ab381e0b51716f97f52",
					"Run Unit Tests": "test-resources/sap/m/demokit/tutorial/testing/14/webapp/test/unit/unitTests.qunit.html",
					"Run Integration Tests": "test-resources/sap/m/demokit/tutorial/testing/14/webapp/test/integration/opaTests.qunit.html"
				},
				"teaser": "test-resources/sap/m/demokit/tutorial/testing/demoappteaser",
				"category": "Tutorial",
				"config": "test-resources/sap/m/demokit/tutorial/testing/demoapp.json"
			},
			{
				"icon": "retail-store-manager",
				"text": "Manage Products",
				"desc": "Created with the 'Worklist App' tutorial",
				"ref": "test-resources/sap/m/demokit/tutorial/worklist/07/webapp/test/mockServer.html",
				"links": {
					"View Tutorial": "topic/6a6a621c978145ad9eef2b221d2cf21d",
					"Run Integration Tests": "test-resources/sap/m/demokit/tutorial/worklist/07/webapp/test/integration/opaTests.qunit.html",
					"Run Unit Tests": "test-resources/sap/m/demokit/tutorial/worklist/07/webapp/test/unit/unitTests.qunit.html"
				},
				"category": "Tutorial",
				"config": "test-resources/sap/m/demokit/tutorial/worklist/demoapp.json"
			},
			{
				"icon": "learning-assistant",
				"text": "Walkthrough",
				"desc": "Created with the 'Walkthrough' tutorial, showing all major development paradigms",
				"ref" : "test-resources/sap/m/demokit/tutorial/walkthrough/37/webapp/test/mockServer.html",
				"links": {
					"View Tutorial": "topic/3da5f4be63264db99f2e5b04c5e853db",
					"Run Integration Tests": "test-resources/sap/m/demokit/tutorial/walkthrough/37/webapp/test/integration/opaTests.qunit.html",
					"Run Unit Tests": "test-resources/sap/m/demokit/tutorial/walkthrough/37/webapp/test/unit/unitTests.qunit.html"
				},
				"category": "Tutorial",
				"config": "test-resources/sap/m/demokit/tutorial/walkthrough/demoapp.json"
			},
			{
				"icon": "retail-store-manager",
				"text": "Browse Orders",
				"desc": "Master-detail app for browsing orders",
				"ref": "test-resources/sap/m/demokit/orderbrowser/webapp/test/mockServer.html",
				"links": {
					"Run Unit Tests": "test-resources/sap/m/demokit/orderbrowser/webapp/test/unit/unitTests.qunit.html",
					"Run Integration Tests": "test-resources/sap/m/demokit/orderbrowser/webapp/test/integration/opaTests.qunit.html"
				},
				"category": "Showcase",
				"config": "test-resources/sap/m/demokit/orderbrowser/demoapp.json"
			},
			{
				"icon": "accelerated",
				"text": "Team Calendar",
				"desc": "Calendar demo app for team and team members",
				"ref": "test-resources/sap/m/demokit/teamCalendar/webapp/index.html",
				"links": {
					"Run Integration Tests": "test-resources/sap/m/demokit/teamCalendar/webapp/test/integration/opaTests.qunit.html"
				},
				"category": "Showcase",
				"config": "test-resources/sap/m/demokit/teamCalendar/demoapp.json"
			},
			{
				"icon": "widgets",
				"text": "Icon Explorer",
				"desc": "All our icons at your fingertips",
				"ref": "test-resources/sap/m/demokit/iconExplorer/webapp/index.html",
				"links": {
					"View Documentation": "topic/21ea0ea94614480d9a910b2e93431291",
					"Run Integration Tests": "test-resources/sap/m/demokit/iconExplorer/webapp/test/integration/opaTests1.qunit.html",
					"Run Unit Tests": "test-resources/sap/m/demokit/iconExplorer/webapp/test/unit/unitTests.qunit.html"
				},
				"category": "Tool",
				"config": "test-resources/sap/m/demokit/iconExplorer/demoapp.json"
			},
			{
				"icon": "palette",
				"text": "Theme Parameter Toolbox",
				"desc": "Search, filter and preview semantic theme parameters",
				"ref": "test-resources/sap/m/demokit/theming/webapp/index.html",
				"category": "Tool",
				"config": "test-resources/sap/m/demokit/theming/demoapp.json"
			},
			{
				"icon": "activities",
				"text": "TypeScript To-Do List",
				"ref": "test-resources/sap/m/demokit/sample/TsTodos/webapp/index.html",
				"desc": "This to-do app demonstrates a TypeScript setup for developing UI5 applications.",
				"links": {
					"View TypeScript Code": "entity/sap.m.sample.TsTodos/sample/sap.m.sample.TsTodos.webapp",
					"Run Unit Tests": "test-resources/sap/m/demokit/sample/TsTodos/test/unit/unitTests.qunit.html"
				},
				"category": "Showcase",
				"config": "test-resources/sap/m/demokit/sample/TsTodos/demoapp.json"
			}
		]
	},

	"explored" : {
	  "entitiesDefaults": {
		"formFactors": "ML"
	  },
	  "samplesRef": [
		{
		  "namespace": "sap.m.sample",
		  "ref": "test-resources/sap/m/demokit/sample"
		},
		{
		  "namespace": "sap.m.tutorial",
		  "ref": "test-resources/sap/m/demokit/tutorial"
		}
	  ],
	  "entities": [
		{
		  "id": "sap.m.ActionSelect",
		  "name": "Action Select",
		  "category": "User Input",
		  "since": "1.16",
		  "samples": ["sap.m.sample.ActionSelect"]
		},
		{
		  "id": "sap.m.ActionSheet",
		  "name": "Action Sheet",
		  "category": "Action",
		  "since": "1.10",
		  "samples": ["sap.m.sample.ActionSheet"]
		},
		{
		"id": "sap.m.Avatar",
		"name": "Avatar (sap.m)",
		"category": "Display",
		"since": "1.73",
		"samples": [
			"sap.m.sample.Avatar",
			"sap.m.sample.AvatarWithAffordance"
			]
		},
		{
		  "id": "sap.m.ActionListItem",
		  "name": "Action List Item",
		  "category": "List",
		  "since": "1.10",
		  "samples": ["sap.m.sample.ActionListItem"]
		},
		{
		  "id": "sap.m.Bar",
		  "name": "Bar",
		  "category": "Container",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.Page",
			"sap.m.sample.ToolbarVsBar"
		  ]
		},
		{
		  "id": "sap.m.BusyDialog",
		  "name": "Busy Dialog",
		  "category": "Popup",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.BusyDialog",
			"sap.m.sample.BusyDialogLight"
		  ]
		},
		{
		  "id": "sap.m.BusyIndicator",
		  "name": "Busy Indicator",
		  "category": "Display",
		  "since": "1.10",
		  "samples": ["sap.m.sample.BusyIndicator"]
		},
		{
		  "id": "sap.m.Button",
		  "name": "Button",
		  "category": "Action",
		  "since": "1.10",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.Button",
			"sap.m.sample.ButtonWithBadge"
		]
		},
		{
		  "id": "sap.m.Breadcrumbs",
		  "name": "Breadcrumbs",
		  "category": "Action",
		  "since": "1.34",
		  "samples": ["sap.m.sample.Breadcrumbs"]
		},
		{
		  "id": "sap.m.Carousel",
		  "name": "Carousel",
		  "category": "Container",
		  "since": "1.10",
		  "samples": [
			  "sap.m.sample.Carousel",
			  "sap.m.sample.CarouselWithControls",
			  "sap.m.sample.CarouselWithDisplayOptions",
			  "sap.m.sample.CarouselWithMorePages",
			  "sap.m.sample.CarouselEmptyMessages"
		  ]
		},
		{
		  "id": "sap.m.CheckBox",
		  "name": "Check Box",
		  "category": "User Input",
		  "since": "1.10",
		  "formFactors": "SML",
		  "samples": [
			  "sap.m.sample.CheckBox",
			  "sap.m.sample.CheckBoxTriState"
			]
		},
		{
		  "id": "sap.m.Column",
		  "name": "Column",
		  "category": "List",
		  "since": "1.12",
		  "samples": ["sap.m.sample.Table"]
		},
		{
		  "id": "sap.m.ComboBox",
		  "name": "ComboBox",
		  "category": "User Input",
		  "since": "1.22",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.ComboBox",
			"sap.m.sample.ComboBoxValueState",
			"sap.m.sample.ComboBox2Columns",
			"sap.m.sample.ComboBoxLazyLoading",
			"sap.m.sample.ComboBoxSearchBoth",
			"sap.m.sample.ComboBoxDefaultFiltering",
			"sap.m.sample.ComboBoxFilteringContains",
			"sap.m.sample.ComboBoxFilteringStartsWith",
			"sap.m.sample.ComboBoxGrouping",
			"sap.m.sample.ComboBoxValidation",
			"sap.m.sample.ComboBoxClearIcon"
		  ]
		},
		{
		  "id": "sap.m.ColumnListItem",
		  "name": "Column List Item",
		  "category": "List",
		  "since": "1.12",
		  "samples": [
				"sap.m.sample.Table",
				"sap.m.sample.TableTest"
			]
		},
		{
		  "id": "sap.m.CustomListItem",
		  "name": "Custom List Item",
		  "category": "List",
		  "since": "1.10",
		  "formFactors": "-",
		  "samples": ["sap.m.sample.CustomListItem"]
		},
		{
			"id": "sap.m.ComparisonPattern",
			"name": "Comparison Pattern",
			"category": "Floorplans & Patterns",
			"since": "1.63",
			"formFactors": "-",
			"samples": ["sap.m.sample.ComparisonPattern"]
		},
		{
		  "id": "sap.m.WhitespacePattern",
		  "name": "Whitespace Handling",
		  "category": "Floorplans & Patterns",
		  "since": "1.63",
		  "formFactors": "-",
		  "samples": ["sap.m.sample.WhitespacePattern"]
		},
		{
			"id": "sap.m.CookieSettingsDialogPattern",
			"name": "Cookie Settings Dialog Pattern",
			"category": "Floorplans & Patterns",
			"since": "1.88",
			"formFactors": "-",
			"samples": ["sap.m.sample.CookieSettingsDialogPattern"]
		  },
		{
		  "id": "sap.m.CustomTreeItem",
		  "name": "Custom Tree Item",
		  "category": "List",
		  "since": "1.48",
		  "formFactors": "-",
		  "samples": ["sap.m.sample.CustomTreeItem"]
		},
		{
			"id": "sap.m.DynamicDateRange",
			"name": "Dynamic Date Range",
			"category": "User Input",
			"since": "1.92",
			"formFactors": "M",
			"samples": ["sap.m.sample.DynamicDateRange", "sap.m.sample.DynamicDateRangeWithCustomOptions", "sap.m.sample.DynamicDateRangeHidden"]
		},
		{
		  "id": "sap.m.DatePicker",
		  "name": "Date Picker",
		  "category": "User Input",
		  "since": "1.22",
		  "formFactors": "SML",
		  "samples": ["sap.m.sample.DatePicker", "sap.m.sample.DatePickerMassEdit", "sap.m.sample.DatePickerValueState", "sap.m.sample.DatePickerHidden"]
		},
		{
		  "id": "sap.m.DateRangeSelection",
		  "name": "Date Range Selection",
		  "category": "User Input",
		  "since": "1.22",
		  "formFactors": "L",
		  "samples": ["sap.m.sample.DateRangeSelection", "sap.m.sample.DateRangeSelectionValueState", "sap.m.sample.DateRangeSelectionHidden"]
		},
		{
		  "id": "sap.m.DateTimeInput",
		  "name": "Date Time Input",
		  "category": "User Input",
		  "since": "1.10",
		  "formFactors": "L",
		  "samples": ["sap.m.sample.DateTimeInput"]
		},
		{
		  "id": "sap.m.DateTimePicker",
		  "name": "Date Time Picker",
		  "category": "User Input",
		  "since": "1.38",
		  "formFactors": "L",
		  "samples": ["sap.m.sample.DateTimePicker", "sap.m.sample.DateTimePickerValueState", "sap.m.sample.DateTimePickerHidden"]
		},
		{
		  "id": "sap.m.TimePickerSliders",
		  "name": "Time Picker Sliders",
		  "category": "User Input",
		  "since": "1.54",
		  "samples": ["sap.m.sample.TimePickerSliders"]
		},
		{
		  "id": "sap.m.Dialog",
		  "name": "Dialog",
		  "category": "Popup",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.Dialog",
			"sap.m.sample.DialogMessage",
			"sap.m.sample.DialogConfirm",
			"sap.m.sample.DialogWithinArea"
		  ]
		},
		{
		  "id": "sap.m.ExpandableText",
		  "name": "Expandable Text",
		  "category": "Display",
		  "since": "1.87",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.ExpandableText"
		  ]
		},
		{
			"id" : "sap.m.SlideTile",
			"name" : "Slide Tile",
			"category" : "Container",
			"since" : "1.34",
			"samples" : [
				"sap.m.sample.SlideTile"
			]
		},
		{
		  "id": "sap.m.NotificationListItem",
		  "name": "Notification List Item",
		  "category": "List",
		  "since": "1.34",
		  "samples": [
			"sap.m.sample.NotificationListItem"
		  ]
		},
		{
		  "id": "sap.m.NotificationListGroup",
		  "name": "Notification List Group",
		  "category": "List",
		  "since": "1.34",
		  "samples": [
			"sap.m.sample.NotificationListGroup",
			"sap.m.sample.NotificationListGroupBindings",
			"sap.m.sample.NotificationListGroupLazyLoading",
			"sap.m.sample.MaxNumberOfNotificationsReached"
		  ]
		},
		{
		  "id": "sap.m.DisplayListItem",
		  "name": "Display List Item",
		  "category": "List",
		  "since": "1.10",
		  "samples": ["sap.m.sample.DisplayListItem"]
		},
		{
		  "id": "sap.m.DraftIndicator",
		  "name": "Draft Indicator",
		  "category": "Display",
		  "since": "1.32",
		  "samples": [
			"sap.m.sample.DraftIndicator",
			"sap.m.sample.SemanticPageDraftIndicator"
		  ]
		},
		{
		  "id": "sap.m.FacetFilter",
		  "name": "Facet Filter",
		  "category": "User Input",
		  "since": "1.12",
		  "formFactors": "L",
		  "samples": [
			"sap.m.sample.FacetFilterLight",
			"sap.m.sample.FacetFilterSimple",
			"sap.m.sample.FacetFilterCustomFilters"
		  ]
		},
		{
		  "id": "sap.m.FeedInput",
		  "name": "Feed Input",
		  "category": "Display",
		  "since": "1.22",
		  "samples": [
			"sap.m.sample.FeedInput",
			"sap.m.sample.Feed"
		  ]
		},
		{
		  "id": "sap.m.FeedListItem",
		  "name": "Feed List Item",
		  "category": "List",
		  "since": "1.12",
		  "samples": [
			"sap.m.sample.FeedListItem",
			"sap.m.sample.Feed"
		  ]
		},
		{
		  "id": "sap.m.FlexBox",
		  "name": "Flex Box",
		  "category": "Layout",
		  "since": "1.10",
		  "formFactors": "-",
		  "samples": [
			"sap.m.sample.FlexBoxBasicAlignment",
			"sap.m.sample.FlexBoxCols",
			"sap.m.sample.FlexBoxDirectionOrder",
			"sap.m.sample.FlexBoxNav",
			"sap.m.sample.FlexBoxNested",
			"sap.m.sample.FlexBoxOpposingAlignment",
			"sap.m.sample.FlexBoxSizeAdjustments",
			"sap.m.sample.FlexBoxRenderType"
		  ]
		},
		{
		  "id": "sap.m.FormattedText",
		  "name": "Formatted Text",
		  "category": "Display",
		  "since": "1.38",
		  "samples": [
			"sap.m.sample.FormattedText"
		  ]
		},
		{
		  "id": "sap.m.UploadCollection",
		  "name": "Upload Collection",
		  "category": "Action",
		  "since": "1.26",
		  "samples": [
			"sap.m.sample.UploadCollection",
			"sap.m.sample.UploadCollectionForPendingUpload",
			"sap.m.sample.UploadCollectionVersioning",
			"sap.m.sample.UploadCollectionSortingFiltering",
			"sap.m.sample.UploadCollectionFolderHierarchy"
		  ]
		},
		{
			"id": "sap.m.upload.UploadSet",
			"name": "Upload Set",
			"category": "Action",
			"since": "1.62",
			"samples": [
				"sap.m.sample.UploadSet",
				"sap.m.sample.UploadSetCustomUploader",
				"sap.m.sample.UploadSetGroupingSortingFiltering"
			]
		},
		{
		  "id": "sap.m.GenericTag",
		  "name": "Generic Tag",
		  "category": "Action",
		  "since": "1.62.0",
		  "samples": [
			"sap.m.sample.GenericTag",
			"sap.uxap.sample.ObjectPageHeaderActionButtons",
			"sap.f.sample.DynamicPageFreeStyle",
			"sap.m.sample.OverflowToolbarSimple"
		  ]
		},
		{
			"id": "sap.m.GenericTile",
			"name": "Generic Tile",
			"category": "Tile",
			"since": "1.34",
			"samples": [
				"sap.m.sample.GenericTileAsLaunchTile",
				"sap.m.sample.GenericTileAsMonitorTile",
				"sap.m.sample.GenericTileAsKPITile",
				"sap.m.sample.GenericTileAsFeedTile",
				"sap.m.sample.SlideTile",
				"sap.m.sample.GenericTileLineMode",
				"sap.m.sample.GenericTileStates"
			]
		},
		{
			"id": "sap.m.HeaderContainer",
			"name": "Header Container",
			"category": "Container",
			"since": "1.44",
			"samples": [
				"sap.m.sample.HeaderContainer",
				"sap.m.sample.HeaderContainerNoDividers",
				"sap.m.sample.HeaderContainerOH",
				"sap.m.sample.HeaderContainerVM",
				"sap.m.sample.HeaderContainerLazyLoading"
			]
		},
		{
		  "id": "sap.m.IconTabBar",
		  "name": "Icon Tab Bar",
		  "category": "Container",
		  "since": "1.12",
		  "samples": [
			"sap.m.sample.IconTabBar",
			"sap.m.sample.IconTabBarMulti",
			"sap.m.sample.IconTabBarFiori2",
			"sap.m.sample.IconTabBarInlineMode",
			"sap.m.sample.IconTabBarNoIcons",
			"sap.m.sample.IconTabBarProcess",
			"sap.m.sample.IconTabBarStretchContent",
			"sap.m.sample.IconTabSeparator",
			"sap.m.sample.IconTabBarOverflowSelectList",
			"sap.m.sample.IconTabBarBackgroundDesign",
			"sap.m.sample.IconTabBarDragDrop",
			"sap.m.sample.IconTabBarTabDensityMode",
			"sap.m.sample.IconTabBarResponsivePadding",
			"sap.m.sample.IconTabBarSubTabs",
			"sap.m.sample.IconTabBarBadges",
			"sap.m.sample.IconTabBarStartAndEndOverflow",
			"sap.m.sample.IconTabBarInlineIcons"
		  ]
		},
		{
			"id": "sap.m.IconTabHeader",
			"name": "Icon Tab Header",
			"category": "Action",
			"since": "1.15",
			"samples": [
				"sap.m.sample.IconTabHeader"
			]
		},
		{
		  "id": "sap.m.TabContainer",
		  "name": "Tab Container",
		  "category": "Container",
		  "since": "1.34",
		  "samples": [
			  "sap.m.sample.TabContainer",
			  "sap.m.sample.TabContainerMHC",
			   "sap.m.sample.TabContainerIcons"
		  ]
		},
		{
			"id": "sap.m.IllustratedMessage",
			"name": "Illustrated Message",
			"category": "Display",
			"since": "1.98",
			"samples": [
			"sap.m.sample.IllustratedMessageEVR",
			"sap.m.sample.IllustratedMessageInCardNoActivities",
			"sap.m.sample.IllustratedMessageInCardNoEmail",
			"sap.m.sample.IllustratedMessageInDialog",
			"sap.m.sample.IllustratedMessageInPage",
			"sap.m.sample.IllustratedMessageInPageTNT",
			"sap.m.sample.IllustratedMessageSessionTimeout"
			]
		},
		{
		  "id": "sap.m.Image",
		  "name": "Image",
		  "category": "Display",
		  "since": "1.10",
		  "formFactors": "-",
		  "samples": [
			  "sap.m.sample.Image",
			  "sap.m.sample.ImageModeBackground",
			  "sap.m.sample.ImageErrorWithIllustration"
			]
		},
		{
		  "id": "sap.m.ImageContent",
		  "name": "Image Content",
		  "category": "Tile",
		  "since": "1.38",
		  "samples": ["sap.m.sample.ImageContent"]
		},
		{
		  "id": "sap.m.InitialPagePattern",
		  "name": "Initial Page Floorplan",
		  "category": "Floorplans & Patterns",
		  "since": "1.75",
		  "formFactors": "-",
		  "samples": ["sap.m.sample.InitialPagePattern"]
		},
		{
		  "id": "sap.m.Input",
		  "name": "Input",
		  "category": "User Input",
		  "since": "1.10",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.InputAssisted",
			"sap.m.sample.InputAssistedTwoValues",
			"sap.m.sample.InputAssistedTabularSuggestions",
			"sap.m.sample.InputChecked",
			"sap.m.sample.InputCustomValueHelpIcon",
			"sap.m.sample.InputDescription",
			"sap.m.sample.InputPassword",
			"sap.m.sample.InputSuggestionsCustomFilter",
			"sap.m.sample.InputSuggestionsDynamic",
			"sap.m.sample.InputSuggestionsOpenSearch",
			"sap.m.sample.InputTypes",
			"sap.m.sample.InputStates",
			"sap.m.sample.InputValueState",
			"sap.m.sample.InputValueUpdate",
			"sap.m.sample.InputKeyValue",
			"sap.m.sample.InputKeyValueTabularSuggestions",
			"sap.m.sample.InputGrouping"
		  ]
		},
		{
		  "id": "sap.m.InputListItem",
		  "name": "Input List Item",
		  "category": "List",
		  "since": "1.10",
		  "formFactors": "L",
		  "samples": ["sap.m.sample.InputListItem"]
		},
		{
			"id" : "sap.m.FeedContent",
			"name" : "Feed Content",
			"category" : "Tile",
			"since" : "1.34",
			"samples" : [ "sap.m.sample.FeedContent" ]
		},
		{
		  "id": "sap.m.Label",
		  "name": "Label",
		  "category": "Display",
		  "since": "1.10",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.Label",
			"sap.m.sample.LabelProperties",
			"sap.ui.layout.sample.Form354"
		  ]
		},
		{
		  "id": "sap.m.Link",
		  "name": "Link",
		  "category": "Action",
		  "since": "1.12",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.Link",
			"sap.m.sample.LinkSubtle",
			"sap.m.sample.LinkEmphasized"
		  ]
		},
		{
		  "id": "sap.m.LightBox",
		  "name": "LightBox",
		  "category": "Popup",
		  "since": "1.42",
		  "samples": [
			"sap.m.sample.LightBox"
		  ]
		},
		{
		  "id": "sap.m.List",
		  "name": "List",
		  "category": "List",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.ListCounter",
			"sap.m.sample.ListDeletion",
			"sap.m.sample.ListFooter",
			"sap.m.sample.ListGrouping",
			"sap.m.sample.ListGrowing",
			"sap.m.sample.ListGrowingUpwards",
			"sap.m.sample.ListItemTypes",
			"sap.m.sample.ListLoading",
			"sap.m.sample.ListNavType",
			"sap.m.sample.ListNoData",
			"sap.m.sample.ListSelection",
			"sap.m.sample.ListSelectionSearch",
			"sap.m.sample.ListSwipe",
			"sap.m.sample.ListToolbar",
			"sap.m.sample.ListUnread"
		  ]
		},
		{
		  "id": "sap.m.MaskInput",
		  "name": "Mask Input",
		  "category": "User Input",
		  "since": "1.34",
		  "samples": [
			"sap.m.sample.MaskInput"
		  ]
		},
		{
		  "id": "sap.m.Menu",
		  "name": "Menu (sap.m)",
		  "category": "Action",
		  "since": "1.38",
		  "samples": [
		    "sap.m.sample.Menu"
		  ]
		},
		{
		  "id": "sap.m.MenuButton",
		  "name": "Menu Button",
		  "category": "Action",
		  "since": "1.38",
		  "samples": [
			"sap.m.sample.MenuButton"
		  ]
		},
		{
		  "id": "sap.m.MessageBox",
		  "name": "Message Box",
		  "category": "Popup",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.MessageBox",
			"sap.m.sample.MessageBoxInitialFocus",
			"sap.m.sample.MessageBoxInfo"
		  ]
		},
		{
		  "id": "sap.m.MessageStrip",
		  "name": "Message Strip",
		  "category": "Container",
		  "since": "1.30",
		  "samples": [
			"sap.m.sample.MessageStrip",
			"sap.m.sample.DynamicMessageStripGenerator",
			"sap.m.sample.MessageStripWithEnableFormattedText"
		  ]
		},
		{
		  "id": "sap.m.MessagePopover",
		  "name": "Message Popover",
		  "category": "Popup",
		  "since": "1.28",
		  "samples": [
			"sap.m.sample.MessagePopover",
			"sap.m.sample.MessagePopoverMessageHandling",
			"sap.m.sample.MessagePopoverAsyncMessageHandling"
		  ]
		},
		{
		  "id": "sap.m.MessageView",
		  "name": "Message View",
		  "category": "Container",
		  "since": "1.46",
		  "samples": [
			  "sap.m.sample.MessageViewInsidePopover",
			  "sap.m.sample.MessageViewInsideResponsivePopover",
			  "sap.m.sample.MessageViewInsideDialog",
			  "sap.m.sample.MessageViewWithGrouping",
			  "sap.m.sample.MessageViewMessageManager"
		  ]
		 },
		{
			"id" : "sap.m.NumericContent",
			"name" : "Numeric Content",
			"category" : "Tile",
			"since" : "1.34",
			"samples" : [
				"sap.m.sample.NumericContentDifColors",
				"sap.m.sample.NumericContentIcon",
				"sap.m.sample.NumericContentWithoutMargin"
			]
		},
		{
		  "id": "sap.m.QuickView",
		  "name": "Quick View",
		  "category": "Popup",
		  "since": "1.30",
		  "samples": [
			"sap.m.sample.QuickView",
			"sap.m.sample.QuickViewNavOrigin",
			"sap.m.sample.QuickViewAvatarConfiguration"
		  ]
		},
		{
		  "id": "sap.m.QuickViewCard",
		  "name": "Quick View Card",
		  "category": "Container",
		  "since": "1.30",
		  "samples": [
			"sap.m.sample.QuickViewCard",
			"sap.m.sample.QuickViewCardScrollBar"
		  ]
		},
		{
		  "id": "sap.m.MessageToast",
		  "name": "Message Toast",
		  "category": "Popup",
		  "since": "1.10",
		  "samples": ["sap.m.sample.MessageToast"]
		},
		{
		  "id" : "sap.m.NewsContent",
		  "name" : "News Content",
		  "category" : "Tile",
		  "since" : "1.34",
		  "samples" : [ "sap.m.sample.NewsContent" ]
		},
		{
		  "id": "sap.m.NavContainer",
		  "name": "Nav Container",
		  "category": "Container",
		  "since": "1.10",
		  "formFactors": "-",
		  "samples": ["sap.m.sample.NavContainer"]
		},
		{
		  "id": "sap.m.ObjectAttribute",
		  "name": "Object Attribute",
		  "category": "Display",
		  "since": "1.12",
		  "samples": [
			"sap.m.sample.ObjectAttributes",
			"sap.m.sample.ObjectAttributeInTable",
			"sap.m.sample.ObjectHeaderResponsiveI",
			"sap.m.sample.ObjectHeaderActiveAttributes"
		  ]
		},
		{
		  "id": "sap.m.ObjectHeader",
		  "name": "Object Header",
		  "category": "Display",
		  "since": "1.12",
		  "samples": [
			"sap.m.sample.ObjectHeader",
			"sap.m.sample.ObjectHeaderCondensed",
			"sap.m.sample.ObjectHeaderFavFlag",
			"sap.m.sample.ObjectHeaderImage",
			"sap.m.sample.ObjectHeaderCircleImage",
			"sap.m.sample.ObjectHeaderTitleActive",
			"sap.m.sample.ObjectHeaderTitleSel",
			"sap.m.sample.ObjectHeaderResponsiveI",
			"sap.m.sample.ObjectHeaderResponsiveII",
			"sap.m.sample.ObjectHeaderResponsiveIII",
			"sap.m.sample.ObjectHeaderResponsiveIV",
			"sap.m.sample.ObjectHeaderResponsiveV",
			"sap.m.sample.ObjectHeaderMarkers"
		  ]
		},
		{
		  "id": "sap.m.ObjectIdentifier",
		  "name": "Object Identifier",
		  "category": "Display",
		  "since": "1.12",
		  "samples": [
			"sap.m.sample.ObjectIdentifier",
			"sap.m.sample.Table"
		  ]
		},
		{
		  "id": "sap.m.ObjectMarker",
		  "name": "Object Marker",
		  "category": "Display",
		  "since": "1.38",
		  "samples": [
			"sap.m.sample.ObjectMarker"
		  ]
		},
		{
		  "id": "sap.m.ObjectNumber",
		  "name": "Object Number",
		  "category": "Display",
		  "since": "1.12",
		  "samples": [
			"sap.m.sample.ObjectNumber",
			"sap.m.sample.Table"
		  ]
		},
		{
		  "id": "sap.m.ObjectStatus",
		  "name": "Object Status",
		  "category": "Display",
		  "since": "1.12",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.ObjectStatus",
			"sap.m.sample.ObjectHeader"
		  ]
		},
		{
		  "id": "sap.m.ObjectListItem",
		  "name": "Object List Item",
		  "category": "List",
		  "since": "1.12",
		  "samples": [
			"sap.m.sample.ObjectListItem",
			"sap.m.sample.ObjectListItemMarkLocked",
			"sap.m.sample.ObjectListItemMarkers"
		  ]
		},
		{
		  "id": "sap.m.OverflowToolbar",
		  "name": "Overflow Toolbar",
		  "category": "Container",
		  "since": "1.28",
		  "samples": [
			"sap.m.sample.OverflowToolbarSimple",
			"sap.m.sample.OverflowToolbarFooter",
			"sap.m.sample.ToolbarAlignment",
			"sap.m.sample.ToolbarActive",
			"sap.m.sample.ToolbarEnabled",
			"sap.m.sample.ToolbarDesign",
			"sap.m.sample.TitleToolBar"
		  ]
		},
		{
		  "id": "sap.m.OverflowToolbarButton",
		  "name": "Overflow Toolbar Button",
		  "category": "Action",
		  "since": "1.28",
		  "samples": [
			"sap.m.sample.OverflowToolbarFooter"
		  ]
		},
		{
		  "id": "sap.m.OverflowToolbarToggleButton",
		  "name": "Overflow Toolbar Toggle Button",
		  "category": "Action",
		  "since": "1.52",
		  "samples": [
			"sap.m.sample.OverflowToolbarFooter"
		  ]
		},
		{
		  "id": "sap.m.Page",
		  "name": "Page",
		  "category": "Container",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.Page",
			"sap.m.sample.PageStandardClasses",
			"sap.m.sample.PageListReportIconTabBar",
			"sap.m.sample.PageListReportToolbar",
			"sap.m.sample.PageFloatingFooter"
		  ]
		},
		{
		  "id": "sap.m.Panel",
		  "name": "Panel",
		  "category": "Container",
		  "since": "1.16",
		  "samples": [
			"sap.m.sample.Panel",
			"sap.m.sample.PanelExpanded"
		  ]
		},
		{
		  "id": "sap.m.PDFViewer",
		  "name": "PDF Viewer",
		  "category": "Display",
		  "since": "1.48",
		  "samples": [
			  "sap.m.sample.PDFViewerEmbedded",
			  "sap.m.sample.PDFViewerPopup",
			  "sap.m.sample.PDFViewerMultiple"
		  ]
		},
		{
		  "id": "sap.m.PlanningCalendar",
		  "name": "Planning Calendar",
		  "category": "User Input",
		  "since": "1.34",
		  "formFactors": "L",
		  "samples": ["sap.m.sample.PlanningCalendar",
			"sap.m.sample.PlanningCalendarMulti",
			"sap.m.sample.PlanningCalendarSingle",
			"sap.m.sample.PlanningCalendarViews",
			"sap.m.sample.PlanningCalendarOneLine",
			"sap.m.sample.PlanningCalendarAppointmentSizes",
			"sap.m.sample.PlanningCalendarMinMax",
			"sap.m.sample.PlanningCalendarModifyAppointments",
			"sap.m.sample.PlanningCalendarWithLegend",
			"sap.m.sample.PlanningCalendarDnD",
			"sap.m.sample.PlanningCalendarWithStickyHeader",
			"sap.m.sample.PlanningCalendarRelativeViews"]
		},
		{
			"id": "sap.m.SinglePlanningCalendar",
			"name": "Single Planning Calendar",
			"category": "User Input",
			"since": "1.61",
			"formFactors": "L",
			"samples": ["sap.m.sample.SinglePlanningCalendar",
				"sap.m.sample.SinglePlanningCalendarWithCustomViews",
				"sap.m.sample.SinglePlanningCalendarWithLegend",
				"sap.m.sample.SinglePlanningCalendarDND",
				"sap.m.sample.SinglePlanningCalendarWithZoomInZoomOut",
				"sap.m.sample.SinglePlanningCalendarSnappingHeader",
				"sap.m.sample.SinglePlanningCalendarCreateApp"]
		},
		{
		  "id": "sap.m.Popover",
		  "name": "Popover",
		  "category": "Popup",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.Popover",
			"sap.m.sample.PopoverNavCon",
			"sap.m.sample.PopoverControllingCloseBehavior",
			"sap.m.sample.PopoverWithinArea"
		  ]
		},
		{
		  "id": "sap.m.ProgressIndicator",
		  "name": "Progress Indicator",
		  "category": "Display",
		  "since": "1.14",
		  "formFactors": "SML",
		  "samples": ["sap.m.sample.ProgressIndicator"]
		},
		{
		  "id": "sap.m.PullToRefresh",
		  "name": "Pull To Refresh",
		  "category": "Action",
		  "since": "1.10",
		  "formFactors": "L",
		  "samples": [
			"sap.m.sample.PullToRefresh",
			"sap.m.sample.RefreshResponsive"
		  ]
		},
		{
		  "id": "sap.m.RadioButton",
		  "name": "Radio Button",
		  "category": "User Input",
		  "since": "1.10",
		  "samples": ["sap.m.sample.RadioButton"]
		},
		{
		  "id": "sap.m.RadioButtonGroup",
		  "name": "Radio Button Group",
		  "category": "User Input",
		  "since": "1.26",
		  "samples": ["sap.m.sample.RadioButtonGroup"]
		},
		{
		  "id": "sap.m.RatingIndicator",
		  "name": "Rating Indicator",
		  "category": "User Input",
		  "since": "1.14",
		  "formFactors": "SML",
		  "samples": ["sap.m.sample.RatingIndicator"]
		},
		{
		  "id": "sap.m.ResponsivePopover",
		  "name": "Responsive Popover",
		  "category": "Popup",
		  "since": "1.16",
		  "samples": ["sap.m.sample.ResponsivePopover"]
		},
		{
		  "id": "sap.m.ScrollContainer",
		  "name": "Scroll Container",
		  "category": "Container",
		  "since": "1.10",
		  "formFactors": "-",
		  "samples": ["sap.m.sample.ScrollContainer"]
		},
		{
		  "id": "sap.m.SearchField",
		  "name": "Search Field",
		  "category": "User Input",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.SearchField",
			"sap.m.sample.ListSelectionSearch",
			"sap.m.sample.DialogSearch",
			"sap.m.sample.SearchFieldSuggestions"
		  ]
		},
		{
		  "id": "sap.m.SegmentedButton",
		  "name": "Segmented Button",
		  "category": "User Input",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.SegmentedButton",
			"sap.m.sample.SegmentedButtonVSD",
			"sap.m.sample.SegmentedButtonDialog",
			"sap.m.sample.SegmentedButtonLI"
		  ]
		},
		{
		  "id": "sap.m.Select",
		  "name": "Select",
		  "category": "User Input",
		  "since": "1.10",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.Select",
			"sap.m.sample.Select2Columns",
			"sap.m.sample.SelectWithIcons",
			"sap.m.sample.SelectValueState",
			"sap.m.sample.SelectWithWrappedItemText",
			"sap.m.sample.SelectChangeEvents"
		  ]
		},
		{
		  "id": "sap.m.SelectList",
		  "name": "SelectList",
		  "category": "List",
		  "since": "1.26",
			"samples": [
				"sap.m.sample.SelectList",
				"sap.m.sample.SelectListWithIcons"
			]
		},
		{
		  "id": "sap.m.semantic.SemanticPage",
		  "name": "Semantic Page",
		  "category": "Container",
		  "since": "1.30",
		  "samples": [
			"sap.m.sample.SemanticPage",
			"sap.m.sample.SemanticPageFullScreen",
			"sap.m.sample.SemanticPageDraftIndicator",
			"sap.m.sample.SemanticPageFloatingFooter"
		  ]
		},
		{
		  "id": "sap.m.MultiComboBox",
		  "name": "Multi Combo Box",
		  "category": "User Input",
		  "since": "1.22",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.MultiComboBox",
			"sap.m.sample.MultiComboBoxDefaultFiltering",
			"sap.m.sample.MultiComboBoxCustomFiltering",
			"sap.m.sample.MultiComboBoxSuggestionsAndValueState",
			"sap.m.sample.MultiComboBoxTwoColumnsLayout",
			"sap.m.sample.MultiComboBoxGrouping",
			"sap.m.sample.MultiComboBoxSelectAll",
			"sap.m.sample.MultiComboBoxClearIcon"
		  ]
		},
		{
		"id": "sap.m.p13n.Container",
			"name": "Container",
			"category": "_PRIVATE_",
			"since": "1.96",
			"samples": [
				"sap.m.sample.p13n.Container"
			]
		},
		{
		"id": "sap.m.p13n.Popup",
			"name": "Personalization Popup",
			"category": "Popup",
			"since": "1.96",
			"samples": [
				"sap.m.sample.p13n.Popup"
			]
		},
		{
		"id": "sap.m.p13n.SelectionPanel",
			"name": "SelectionPanel",
			"category": "Popup",
			"since": "1.96",
			"samples": [
				"sap.m.sample.p13n.Popup"
			]
		},
		{
		"id": "sap.m.p13n.SortPanel",
			"name": "SortPanel",
			"category": "Popup",
			"since": "1.96",
			"samples": [
				"sap.m.sample.p13n.Popup"
			]
		},
		{
		"id": "sap.m.p13n.GroupPanel",
			"name": "GroupPanel",
			"category": "Popup",
			"since": "1.96",
			"samples": [
				"sap.m.sample.p13n.Popup"
			]
		},
		{
		"id": "sap.m.p13n.Engine",
			"name": "p13n Engine",
			"category": "Popup",
			"since": "1.104",
			"samples": [
				"sap.m.sample.p13n.Engine"
			]
		},
		{
		  "id": "sap.m.P13nDialog",
		  "name": "Personalization Dialog",
		  "category": "Popup",
		  "since": "1.26",
		  "samples": [
			"sap.m.sample.P13nDialog",
			"sap.m.sample.P13nDialogWithDimMeasurePanel"
		  ]
		},
		{
		  "id": "sap.m.MultiInput",
		  "name": "Multi Input",
		  "category": "User Input",
		  "since": "1.22",
		  "samples": [
			"sap.m.sample.MultiInput",
			"sap.m.sample.MultiInputValidators",
			"sap.m.sample.MultiInputFilteringSuggestions",
			"sap.m.sample.MultiInputCustomFiltering",
			"sap.m.sample.MultiInputDatabinding",
			"sap.m.sample.MultiInputMaxTokens",
			"sap.m.sample.MultiInputTokenUpdate",
			"sap.m.sample.MultiInputGrouping",
			"sap.m.sample.MultiInputValueHelp",
			"sap.m.sample.MultiInputValueStates",
			"sap.m.sample.MultiInputModelUpdate"
		  ]
		},
		{
			  "id": "sap.m.RangeSlider",
			  "name": "RangeSlider",
			  "category": "User Input",
			  "since": "1.38",
			  "formFactors": "L",
			  "samples": ["sap.m.sample.RangeSlider"]
		},
		{
		  "id": "sap.m.SelectDialog",
		  "name": "Select Dialog",
		  "category": "Popup",
		  "since": "1.16",
		  "formFactors": "L",
		  "samples": [
			"sap.m.sample.SelectDialog",
			"sap.m.sample.SelectDialogLazyLoading"
		  ]
		},
		{
		  "id": "sap.m.Slider",
		  "name": "Slider",
		  "category": "User Input",
		  "since": "1.10",
		  "formFactors": "L",
		  "samples": ["sap.m.sample.Slider"]
		},
		{
		  "id": "sap.m.StandardListItem",
		  "name": "Standard List Item",
		  "category": "List",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.StandardListItem",
			"sap.m.sample.StandardListItemTitle",
			"sap.m.sample.StandardListItemDescription",
			"sap.m.sample.StandardListItemIcon",
			"sap.m.sample.StandardListItemAvatar",
			"sap.m.sample.StandardListItemInfo",
			"sap.m.sample.StandardListItemInfoStateInverted",
			"sap.m.sample.StandardListItemWrapping",
			"sap.m.sample.StandardListItemNavigated"
		  ]
		},
		{
		  "id": "sap.m.StandardTile",
		  "name": "Standard Tile",
		  "category": "Tile",
		  "since": "1.12",
		  "formFactors": "L",
		  "samples": ["sap.m.sample.TileContainer"]
		},
		{
		  "id": "sap.m.StepInput",
		  "name": "Step Input",
		  "category": "User Input",
		  "since": "1.40",
		  "samples": ["sap.m.sample.StepInput", "sap.m.sample.StepInputValueState"]
		},
		{
		  "id": "sap.m.Switch",
		  "name": "Switch",
		  "category": "User Input",
		  "since": "1.10",
		  "samples": ["sap.m.sample.Switch"]
		},
		{
		  "id": "sap.m.Table",
		  "name": "Responsive Table",
		  "category": "List",
		  "since": "1.12",
		  "samples": [
			"sap.m.sample.Table",
			"sap.m.sample.TableColumnWidth",
			"sap.m.sample.TableBreadcrumb",
			"sap.m.sample.TableLayout",
			"sap.m.sample.TableMergeCells",
			"sap.m.sample.TableMultiSelectMode",
			"sap.m.sample.TablePerso",
			"sap.m.sample.TableScrollToIndex",
			"sap.m.sample.TableVerticalAlignment",
			"sap.m.sample.TableViewSettingsDialog",
			"sap.m.sample.TableExport",
			"sap.m.sample.TableOutdated",
			"sap.m.sample.TableEditable",
			"sap.m.sample.TableAlternateRowColors",
			"sap.m.sample.TableDnD",
			"sap.m.sample.TableContextualWidthDynamic",
			"sap.m.sample.TableContextualWidthStatic",
			"sap.m.sample.TableNavigated",
			"sap.m.sample.TableAutoPopin",
			"sap.m.sample.TableStrictLayout"
		  ]
		},
		{
		  "id": "sap.m.TableSelectDialog",
		  "name": "Table Select Dialog",
		  "category": "Popup",
		  "since": "1.16",
		  "samples": ["sap.m.sample.TableSelectDialog",
			"sap.m.sample.TableSelectDialogGrowing"
		  ]
		},
		{
		  "id": "sap.m.Text",
		  "name": "Text",
		  "category": "Display",
		  "since": "1.10",
		  "formFactors": "SML",
		  "samples": [
			"sap.m.sample.Text",
			"sap.m.sample.TextMaxLines",
			"sap.m.sample.TextRenderWhitespace",
			"sap.m.sample.TextHyphenation",
		    "sap.m.sample.TextEmptyIndicator"
		  ]
		},
		{
		  "id": "sap.m.TextArea",
		  "name": "Text Area",
		  "category": "User Input",
		  "since": "1.10",
		  "samples": [
			"sap.m.sample.TextArea",
			"sap.m.sample.TextAreaMaxLength",
			"sap.m.sample.TextAreaValueStates",
			"sap.m.sample.TextAreaValueUpdate",
			"sap.m.sample.TextAreaGrowing"
		  ]
		},
		{
		  "id": "sap.m.TileContainer",
		  "name": "Tile Container",
		  "category": "Tile",
		  "since": "1.12",
		  "formFactors": "L",
		  "samples": ["sap.m.sample.TileContainer"]
		},
		{
		  "id" : "sap.m.TileContent",
		  "name" : "Tile Content",
		  "category" : "Tile",
		  "since" : "1.34",
		  "samples" : [
			"sap.m.sample.TileContent"
		  ]
		},
		{
		"id": "sap.m.TimePicker",
		"name": "Time Picker",
		"category": "User Input",
		"since": "1.32",
		"samples": ["sap.m.sample.TimePicker", "sap.m.sample.TimePickerValueState", "sap.m.sample.TimePickerHidden"]
	  },
		{
		  "id": "sap.m.Title",
		  "name": "Title",
		  "category": "Display",
		  "since": "1.28",
			"samples": [
				"sap.m.sample.Title",
				"sap.m.sample.TitleWrapping",
				"sap.m.sample.TitleLink"
			]
		},
		{
		  "id": "sap.m.ToggleButton",
		  "name": "Toggle Button",
		  "category": "Action",
		  "since": "1.22",
		  "samples": ["sap.m.sample.ToggleButton"]
		},
		{
		  "id": "sap.m.Toolbar",
		  "name": "Toolbar",
		  "category": "Container",
		  "since": "1.20",
		  "samples": [
			"sap.m.sample.ToolbarResponsive",
			"sap.m.sample.ToolbarShrinkable",
			"sap.m.sample.ToolbarVsBar"
		  ]
		},
		{
		  "id": "sap.m.Tree",
		  "name": "Tree",
		  "category": "Container",
		  "since": "1.42",
		  "samples": [
			"sap.m.sample.Tree",
			"sap.m.sample.TreeIcon",
			"sap.m.sample.TreeSelection",
			"sap.m.sample.TreeExpandTo",
			"sap.m.sample.TreeExpandMulti",
			"sap.m.sample.TreeOData",
			"sap.m.sample.TreeJSONLazyLoading",
			"sap.m.sample.TreeDnD"
		  ]
		},
		{
		  "id": "sap.m.ViewSettingsDialog",
		  "name": "View Settings Dialog",
		  "category": "Popup",
		  "since": "1.16",
		  "samples": [
			"sap.m.sample.ViewSettingsDialog",
			"sap.m.sample.ViewSettingsDialogCustom",
			"sap.m.sample.ViewSettingsDialogCustomTabs",
			"sap.m.sample.ViewSettingsDialogCustomFilterDetails",
			"sap.m.sample.TableViewSettingsDialog"
		  ]
		},
		{
		  "id": "sap.m.URLHelper",
		  "name": "Url Helper",
		  "category": "Action",
		  "since": "1.10",
		  "samples": ["sap.m.sample.UrlHelper"]
		},
		{
		  "id": "sap.ui.core.StandardMargins",
		  "name": "Standard Margins",
		  "category": "Layout",
		  "since": "1.28",
		  "formFactors": "-",
		  "samples": [
			"sap.m.sample.StandardMarginsAll",
			"sap.m.sample.StandardMarginsSingleSided",
			"sap.m.sample.StandardMarginsTwoSided",
			"sap.m.sample.StandardMarginsEnforceWidthAuto",
			"sap.m.sample.StandardMarginsResponsive",
			"sap.m.sample.StandardMarginsCollapse",
			"sap.m.sample.StandardNoMargins",
			"sap.m.sample.StandardNegativeMarginsTwoSided"
		  ]
		},
		{
		  "id": "sap.ui.core.ContainerPadding",
		  "name": "Standard Paddings",
		  "category": "Layout",
		  "since": "1.28",
		  "formFactors": "-",
		  "samples": [
			"sap.m.sample.ContainerNoPadding",
			"sap.m.sample.ContainerPadding",
			"sap.m.sample.ContainerResponsivePadding",
			"sap.m.sample.ContainerPaddingAndMargin"
		  ]
		},
		{
		  "id": "sap.m.MessagePage",
		  "name": "Message Page",
		  "category": "Display",
		  "since": "1.28",
		  "formFactors": "-",
		  "samples": [
			"sap.m.sample.MessagePage",
			"sap.m.sample.MessagePageWithButtons"
		  ]
		},
		{
		  "id" : "sap.m.Wizard",
		  "name" : "Wizard",
		  "category" : "Container",
		  "since" : "1.30",
		  "samples" : [
			"sap.m.sample.Wizard",
			"sap.m.sample.WizardBranching",
			"sap.m.sample.WizardCurrentStep",
			"sap.m.sample.WizardSingleStep",
			"sap.f.sample.DynamicPageWithWizard"
		  ]
		},
		{
		  "id" : "sap.m.SplitApp",
		  "name" : "Split App",
		  "category" : "Container",
		  "since" : "1.11",
		  "samples" : [
			"sap.m.sample.SplitApp"
		  ]
		},
		{
		  "id" : "sap.m.SplitContainer",
		  "name" : "Split Container",
		  "category" : "Container",
		  "since" : "1.11",
		  "samples" : [
			"sap.m.sample.SplitContainer"
		  ]
		},
		{
		  "id": "sap.m.ColorPalette",
		  "name": "Color Palette",
		  "category": "User Input",
		  "since": "1.54",
		  "samples": ["sap.m.sample.ColorPalettePopover", "sap.m.sample.ColorPalette"]
		},
		{
			  "id": "sap.m.tutorial.quickstart",
			  "name": "Quickstart",
			  "category": "Tutorial",
			  "since": "1.61",
			  "formFactors": "-",
			  "description": "Unleash your SAPUI5 skills with this simple three step tutorial.",
			  "docuLink": "topic/592f36fd077b45349a67dcb3efb46ab1",
			  "samplesAsSteps": [
				  "Ready",
				  "Steady",
				  "Go!"
			  ]
		},
		{
		  "id": "sap.m.tutorial.walkthrough",
		  "name": "Walkthrough",
		  "category": "Tutorial",
		  "since": "1.30",
		  "formFactors": "-",
		  "description": "In this tutorial we are introducing you to all major development paradigms of SAPUI5.",
		  "docuLink": "topic/3da5f4be63264db99f2e5b04c5e853db",
		  "samplesAsSteps": [
			"Hello World!",
			"Bootstrap",
			"Controls",
			"XML Views",
			"Controllers",
			"Modules",
			"JSON Model",
			"Translatable Texts",
			"Component Configuration",
			"Descriptor for Applications",
			"Pages and Panels",
			"Shell Control as Container",
			"Margins and Paddings",
			"Custom CSS and Theme Colors",
			"Nested Views",
			"Dialogs and Fragments",
			"Fragment Callbacks",
			"Icons",
			"Aggregation Binding",
			"Data Types",
			"Expression Binding",
			"Custom Formatters",
			"Filtering",
			"Sorting and Grouping",
			"(Optional) Remote OData Service",
			"Mock Server Configuration",
			"Unit Test with QUnit",
			"Integration Test with OPA",
			"Debugging Tools",
			"Routing and Navigation",
			"Routing with Parameters",
			"Routing Back and History",
			"Custom Controls",
			"Responsiveness",
			"Device Adaptation",
			"Content Density",
			"Accessibility"
		  ]
		},
		{
		  "id": "sap.m.tutorial.testing",
		  "name": "Testing",
		  "category": "Tutorial",
		  "since": "1.30",
		  "formFactors": "-",
		  "description": "In this tutorial we will test application functionality with QUnit, OPA5, and the mock server.",
		  "docuLink": "topic/291c9121e6044ab381e0b51716f97f52",
		  "samplesAsSteps": [
			"Overview and Testing Strategy",
			"A First Unit Test",
			"Adding the Price Formatter",
			"Testing a New Module",
			"Adding a Flag Button",
			"A First OPA Test",
			"Changing the table to a Growing Table",
			"Testing Navigation",
			"Adding the Post Page",
			"Test Suite and Automated Testing",
			"Testing User Input",
			"Adding a Search",
			"Testing User Interactions",
			"Adding Tabs",
			"Writing a Short Date Formatter Using TDD ",
			"Adding the Date Formatter"
		  ]
		},
		{
		  "id": "sap.m.tutorial.worklist",
		  "name": "Worklist App",
		  "category": "Tutorial",
		  "since": "1.32",
		  "formFactors": "-",
		  "description": "In this tutorial we implement typical features of a full-screen worklist app, a typical SAP Fiori design pattern.",
		  "docuLink": "topic/6a6a621c978145ad9eef2b221d2cf21d",
		  "samplesAsSteps": [
			"Creating the Initial App",
			"Custom Mock Data",
			"Extending the Worklist Table",
			"Quick Filter for the Worklist",
			"Adding Actions to the Worklist",
			"Extending the Detail Page",
			"Adding a Comments Section"
		  ]
		},
		{
			"id": "sap.m.sample.TsTodos",
			"name": "TypeScript To-Do List",
			"category": "Showcase",
			"since": "1.108",
			"formFactors": "-",
			"description": "This to-do app demonstrates a TypeScript setup for developing UI5 applications.",
			"samples" : [
				"sap.m.sample.TsTodos.webapp"
			]
		  }
	  ],
	  "samples": [
		{
		  "id": "sap.m.sample.Avatar",
		  "name": "Avatar",
		  "description": "This sample demonstrates different combinations of types, shapes, and sizes of the Avatar."
		},
		{
		  "id": "sap.m.sample.AvatarWithAffordance",
		  "name": "Avatar With Visual Affordance",
		  "description": "This sample demonstrates different combinations of types, shapes, and sizes of the Avatar with visual affordance."
		},
		{
		  "id": "sap.m.sample.NewsContent",
		  "name": "News Content",
		  "description": "This control is used to display the news content text and subheader in a tile."
		},
		{
		  "id": "sap.m.sample.MessagePage",
		  "name": "Message Page",
		  "description": "This sample displays the MessagePage with basic information."
		},
		{
		  "id": "sap.m.sample.MessagePageWithButtons",
		  "name": "Message Page With FormattedText and Buttons",
		  "description": "This sample displays the MessagePage with FormattedText and buttons."
		},
		{
		  "id": "sap.m.sample.ComboBox",
		  "name": "Combo box",
		  "description": "The combo box control provides a list box with items and a text field allowing the user to either type a value directly into the control or choose from the list of existing items."
		},
		{
		  "id": "sap.m.sample.ComboBoxValueState",
		  "name": "Combo box with value state",
		  "description": "The combo box can show different value states."
		},
		{
		  "id": "sap.m.sample.ComboBox2Columns",
		  "name": "Combo box - Two columns layout",
		  "description": "Use the combo box dropdown list with two columns layout if you need to display additional information to your options, like e.g. currencies to countries or abbreviations to systems."
		},
		{
		  "id": "sap.m.sample.ComboBoxLazyLoading",
		  "name": "Combo box - Lazy loading",
		  "description": "Use this feature to defer initialization of items until the point at which the items are needed. It can improve performance, reduce memory usage and unnecessary client/server round-trips."
		},
		{
		  "id": "sap.m.sample.ComboBoxSearchBoth",
		  "name": "Combo box - Search in both columns",
		  "description": "Combo box dropdown list with search functionality which checks both columns. When you need to display additional information on your options, like e.g. keys of countries or system abbreviations, and want to search in those as well."
		},
		{
		  "id": "sap.m.sample.ComboBoxDefaultFiltering",
		  "name": "Combo box - Default Filtering",
		  "description": "The default filtering is 'starts with per term', which filters by the beginning of every word in every column. Autocomplete (type-ahead) works only for the first column, the leading value."
		},
		{
		  "id": "sap.m.sample.ComboBoxFilteringContains",
		  "name": "Combo box - Custom filtering \"Contains\"",
		  "description": "You can override the default filtering \"Starts with per term\" with your own filter function using the setFilterFunction method. The \"Contains\" approach searches everywhere in the entries."
		},
		{
		  "id": "sap.m.sample.ComboBoxFilteringStartsWith",
		  "name": "Combo box - Custom filtering \"Starts with\"",
		  "description": "You can override the default filtering \"Starts with per term\" with your own filter function using the setFilterFunction method. The \"Starts with\" approach searches only in the beginning of the entries in both columns."
		},
		{
			"id": "sap.m.sample.ComboBoxGrouping",
			"name": "ComboBox - Grouping of items",
			"description": "Items in the ComboBox could be grouped by a property"
		},
		{
			"id": "sap.m.sample.ComboBoxValidation",
			"name": "ComboBox - Validation",
			"description": "The combo box control could be restricted to allow selection only from the items in the list."
		},
		{
			"id": "sap.m.sample.ComboBoxClearIcon",
			"name": "ComboBox - Clear Icon",
			"description": "The combo box control can show 'clear' icon, which when pressed will remove the user's input and selected key."
		},
		{
		  "id": "sap.m.sample.DateRangeSelection",
		  "name": "Date Range Selection",
		  "description": "The Date Range Selection is an extension of the Date Picker Control and enables the user to select range of dates."
		},
		{
		"id": "sap.m.sample.DateRangeSelectionValueState",
		"name": "Date Range Selection - Value States",
		"description": "This example shows different DateRangeSelection value states."
		},
		{
			"id": "sap.m.sample.DateRangeSelectionHidden",
			"name": "Date Range Selection - Open by Another Control",
			"description": "This example shows Date Range Selection which is opened by another control."
		},
		{
		  "id": "sap.m.sample.ToolbarVsBar",
		  "name": "Toolbar vs Bar vs OverflowToolbar",
		  "description": "Toolbar handles overflow by shrinking items. OverflowToolbar provides an overflow menu. Bar is able to perfectly center a text if nothing overflows."
		},
		{
		  "id": "sap.m.sample.QuickView",
		  "name": "QuickView",
		  "description": "QuickView basic samples."
		},
		{
		  "id": "sap.m.sample.QuickViewNavOrigin",
		  "name": "QuickView with Navigation and Data Binding",
		  "description": "QuickView using navOrigin parameter when navigating."
		},
		{
		  "id": "sap.m.sample.QuickViewAvatarConfiguration",
		  "name": "QuickView with Different Configurations of Avatar",
		  "description": "QuickView with fallback icon, initials, display shape and other avatar properties."
		},
		{
		  "id": "sap.m.sample.QuickViewCard",
		  "name": "QuickViewCard",
		  "description": "QuickViewCard embedded in container"
		},
		{
		  "id": "sap.m.sample.QuickViewCardScrollBar",
		  "name": "QuickViewCard Scroll Example",
		  "description": "QuickViewCard embedded in container with scroll bar"
		},
		{
		  "id": "sap.m.sample.ResponsivePopover",
		  "name": "Responsive Popover",
		  "description": "The Responsive Popover is an abstraction of Popover and Dialog. On the phone a Dialog will be shown. On tablet and desktop a Popover is shown."
		},
		{
		  "id": "sap.m.sample.RefreshResponsive",
		  "name": "Responsive Refresh",
		  "description": "An 'Responsive Refresh' can be achieved by the combination of a Search Field's refresh button and a Pull To Refresh, both of which appear depending on whether the device is touch-enabled. A growing stream of backend data is simulated here."
		},
		{
		  "id": "sap.m.sample.Table",
		  "name": "Table - Columns",
		  "description": "The table shares many features with the list and, in addition, introduces columns. The table is fully responsive and can hide columns or shown them in-place if the screen space is not sufficient. This example also demonstrates the different table pop-in layout options along with sticky column headers, header toolbar and info toolbar options."
		},
		{
		  "id": "sap.m.sample.TableTest",
		  "name": "Table Test with OPA",
		  "description": "The following example simulates a click on a list item in a table."
		},
		{
		  "id": "sap.m.sample.ActionSheet",
		  "name": "Action Sheet",
		  "description": "Action Sheet provides an easier way of showing a list of actions and allowing the user to select one. Title and Cancel button can be shown or hidden. Without an icon the entry will be left-aligned (see the last action in the list)."
		},
		{
			"id": "sap.m.sample.Button",
			"name": "Button",
			"description": "Buttons trigger user actions and come in a variety of shapes and colors. Placing a button on a page header or footer changes its appearance."
		},
		{
			"id": "sap.m.sample.ButtonWithBadge",
			"name": "Button with Badge",
			"description": "Button with a Badge attached"
		},
		{
		  "id": "sap.m.sample.ToggleButton",
		  "name": "Toggle Button",
		  "description": "Toggle Buttons can be toggled between pressed and normal state."
		},
		{
		  "id": "sap.m.sample.ToolbarAlignment",
		  "name": "OverflowToolbar - Alignment",
		  "description": "OverflowToolbar and Toolbar are often used for left/right alignment. This is easily achieved with ToolbarSpacer."
		},
		{
		  "id": "sap.m.sample.ToolbarActive",
		  "name": "OverflowToolbar - Active",
		  "description": "Making an OverflowToolbar or a Toolbar active allows them to react to the click event."
		},
		{
		  "id": "sap.m.sample.ToolbarEnabled",
		  "name": "OverflowToolbar - Enabled",
		  "description": "The Enabled property can be used to enable or disable all the controls inside the OverflowToolbar/Toolbar."
		},
		{
		  "id": "sap.m.sample.ToolbarDesign",
		  "name": "OverflowToolbar - Design and styling",
		  "description": "The Design and Style properties can be used to specify the visual design of the OverflowToolbar/Toolbar."
		},
		{
		  "id": "sap.m.sample.ToolbarShrinkable",
		  "name": "Toolbar - Shrinkable items",
		  "description": "Toolbar items can shrink/expand when the toolbar is resized. This behavior is enabled/disabled via the ToolbarLayoutData layout. It is also possible to set min/max width for shrinkable items."
		},
		{
		  "id": "sap.m.sample.ToolbarResponsive",
		  "name": "Toolbar - Responsive",
		  "description": "Toolbar items can be displayed depending on the current device."
		},
		{
		  "id": "sap.m.sample.Link",
		  "name": "Link",
		  "description": "Here are some links. Typically links are used in user interfaces to trigger navigation to related content inside or outside of the current application."
		},
		{
		  "id": "sap.m.sample.LinkSubtle",
		  "name": "Link - Subtle",
		  "description": "Subtle links should be used to indicate less important links in tables with a large number of links. In this example all columns contain links, only the first column is non-subtle."
		},
		{
		  "id": "sap.m.sample.LinkEmphasized",
		  "name": "Link - Emphasized",
		  "description": "Usually you use an Object Identifier in the first column of a table. But if you need an active identifier you should use an 'emphasized' link instead."
		},
		{
		  "id": "sap.m.sample.LightBox",
		  "name": "LightBox",
		  "description": "Displays several image thumbnails. Clicking on each of them will open a LightBox."
		},
		{
		  "id": "sap.m.sample.UrlHelper",
		  "name": "URL Helper",
		  "description": "The URL Helper can be used to easily trigger a phone's native apps like Email, Telephone and SMS. It can be used with any UI control but typically an active Display List Item is chosen."
		},
		{
		  "id": "sap.m.sample.PullToRefresh",
		  "name": "Pull To Refresh",
		  "description": "With the Pull to Refresh you can trigger an update operation by swiping the current page down on touch devices. On other devices the Pull To Refresh is visible all the time and the user clicks it like a button."
		},
		{
		  "id": "sap.m.sample.Carousel",
		  "name": "Carousel",
		  "description": "A sample of a Carousel that contains images."
		},
		{
		  "id": "sap.m.sample.CarouselWithControls",
		  "name": "Carousel With Controls",
		  "description": "With the Carousel a user can browse through multi-page content by swiping left or right."
		},
		{
		  "id": "sap.m.sample.CarouselWithDisplayOptions",
		  "name": "Carousel With Display Options",
		  "description": "The Carousel have options for the arrows placement, page indicator placement and page indicator visibility."
		},
		{
			"id": "sap.m.sample.CarouselWithMorePages",
			"name": "Carousel with Multiple Items at Once",
			"description": "The customLayout aggregation determines how many pages are displayed in Carousel's visible area."
		},
		{
		  "id": "sap.m.sample.CarouselEmptyMessages",
		  "name": "Carousel Without Pages",
		  "description": "When the carousel have no pages loaded or provided illustrated message will be shown."
		},
		{
			"id": "sap.m.sample.ComparisonPattern",
			"name": "Comparison Pattern",
			"description": "The pattern allows users to select multiple items from an sap.m.Table and display information about them in a structured way - all items are displayed next to each other for easy comparison, based on their specifics."
		},
		{
		  "id": "sap.m.sample.WhitespacePattern",
		  "name": "Whitespaces Pattern",
		  "description": "Renders whitespaces properly within controls"
		},
		{
			"id": "sap.m.sample.CookieSettingsDialogPattern",
			"name": "Cookie Settings Dialog Pattern",
			"description": "The Cookie Settings Dialog allows you to easily manage the cookie settings according to the needs of the specific product."
		},
		{
		  "id": "sap.m.sample.NavContainer",
		  "name": "Nav Container",
		  "description": "The Nav Container stacks multiple pages and offers an API to switch between them with some animation. Typically application developers would use the App control which inherits from NavContainer."
		},
		{
		  "id": "sap.m.sample.ScrollContainer",
		  "name": "Scroll Container",
		  "description": "The Scroll Container is a control that can display arbitrary content within a limited screen area and provides touch scrolling to make all content accessible."
		},
		{
		  "id": "sap.m.sample.TileContainer",
		  "name": "Tile Container",
		  "description": "Tiles: a modern UI design pattern for overview & navigation."
		},
		{
		  "id": "sap.m.sample.Panel",
		  "name": "Panel",
		  "description": "Panels are helpful to group custom content. They can be decorated with header and info toolbars."
		},
		{
		  "id": "sap.m.sample.PanelExpanded",
		  "name": "Panel - Expand / Collapse",
		  "description": "Panels also have the possibility to expand/collapse their content (including the infoToolbar if available). [since rel. 1.22]"
		},
		{
		  "id": "sap.m.sample.PDFViewerEmbedded",
		  "name": "PDF Viewer - Embedded",
		  "description": "A PDF viewer embedded in another control."
		},
		{
		  "id": "sap.m.sample.PDFViewerPopup",
		  "name": "PDF Viewer - Popup",
		  "description": "A PDF viewer opening as a popup dialog."
		},
		{
		  "id": "sap.m.sample.PDFViewerMultiple",
		  "name": "PDF Viewer - Two PDF Documents",
		  "description": "Two PDF viewer frames displayed side by side."
		},
		{
		  "id": "sap.m.sample.FlexBoxOpposingAlignment",
		  "name": "Flex Box - Opposing Alignment",
		  "description": "In this Flex Box the items are aligned at opposing ends of the container with justifyContent set to 'SpaceBetween'."
		},
		{
		  "id": "sap.m.sample.FlexBoxDirectionOrder",
		  "name": "Flex Box - Direction & Order",
		  "description": "You can influence the direction and order of elements in horizontal and vertical Flex Box controls with the direction property."
		},
		{
		  "id": "sap.m.sample.FlexBoxSizeAdjustments",
		  "name": "Flex Box - Size Adjustments",
		  "description": "Automatic size adjustments can be achieved for Flex Items with the use of Flex Item Data settings on the contained controls."
		},
		{
		  "id": "sap.m.sample.FlexBoxBasicAlignment",
		  "name": "Flex Box - Basic Alignment",
		  "description": "Flex Box items can be placed in different areas using the justifyContent and alignItem properties."
		},
		{
		  "id": "sap.m.sample.FlexBoxCols",
		  "name": "Flex Box - Equal Height Cols",
		  "description": "You can create balanced areas with Flex Box, such as these columns with equal height regardless of content."
		},
		{
		  "id": "sap.m.sample.FlexBoxNav",
		  "name": "Flex Box - Navigation Examples",
		  "description": "Here is an example of how you can use navigation items as unordered list items in a Flex Box."
		},
		{
		  "id": "sap.m.sample.FlexBoxNested",
		  "name": "Flex Box - Nested",
		  "description": "Flex Boxes can be nested. Remember also that HBox and VBox are 'convenience' controls based on the Flex Box control."
		},
		{
		  "id": "sap.m.sample.FlexBoxRenderType",
		  "name": "Flex Box - Render Type",
		  "description": "Flex items can be rendered differently. By default, they are wrapped in a <div> element. Optionally, the bare controls can be rendered directly. This can affect the resulting layout."
		},
		{
		  "id": "sap.m.sample.FormattedText",
		  "name": "Formatted Text",
		  "description": "The control can be used for embedding formatted HTML text into your application."
		},
		{
		  "id": "sap.m.sample.Page",
		  "name": "Page,Toolbar and Bar",
		  "description": "Each screen of a mobile application is typically represented by a 'Page' consisting of a header, a scrollable content area and optionally a footer. The standard header offers a navigation button and a title. Alternatively you can provide a customer header. Gernerally you should use Toolbars in the Page. If you need a centered title you may use a Bar."
		},
		{
		  "id": "sap.m.sample.PageStandardClasses",
		  "name": "Fiori Object Page - Standard Classes",
		  "description": "This page implements the same sample as in 'Fiori Sample Page - sapUiFioriObjectPage' using standard margin classes. In contrast to using 'sapUiFioriObjectPage', the margins used for form, list, table and panel are responsive: they adapt to the available screen width. For more information, please search for 'Standard Margins' and take a look at our samples."
		},
		{
		  "id": "sap.m.sample.PageListReportIconTabBar",
		  "name": "Flexible sizing - Icon Tab Bar",
		  "description": "This page shows flexible sizing with an Icon Tab Bar: The upper part extends with its content, but doesn't react to viewport changes. The Icon Tab Bar reacts to the viewport size. The table inside takes the available space. If the minimum size of the table is reached, the page begins to scroll."
		},
		{
		  "id": "sap.m.sample.PageListReportToolbar",
		  "name": "Flexible sizing - Toolbar",
		  "description": "This page shows flexible sizing with a Toolbar. The upper part extends with its content, but doesn't react to viewport changes. The lower part reacts to the viewport size. The table inside takes the available space. If the minimum size of the table is reached, the page begins to scroll."
		},
		{
		  "id": "sap.m.sample.PageFloatingFooter",
		  "name": "Page Floating Footer",
		  "description": "The floating Footer allows the user to see the underlying content."
		},
		{
		  "id": "sap.m.sample.IconTabBar",
		  "name": "Icon Tab Bar - Filter",
		  "description": "In this example, the Icon Tab Bar is used to apply filters on a table and display the count of the items for each view."
		},
		{
		  "id": "sap.m.sample.IconTabBarMulti",
		  "name": "Icon Tab Bar - Icons Only",
		  "description": "In this example, the Icon Tab Bar tabs display icons only."
		},
		{
		  "id": "sap.m.sample.IconTabBarFiori2",
		  "name": "Icon Tab Bar - Text and Count",
		  "description": "In this example, the Icon Tab Bar tabs display text and corresponding count."
		},
		{
		  "id": "sap.m.sample.IconTabBarInlineMode",
		  "name": "Icon Tab Bar - Inline Mode",
		  "description": "In this example, the Icon Tab Bar tabs display the text and the count in one line."
		},
		{
		  "id": "sap.m.sample.IconTabBarProcess",
		  "name": "Icon Tab Bar - Process",
		  "description": "In this example, the Icon Tab Bar is used to apply filters on the same content along a business process."
		},
		{
		  "id": "sap.m.sample.IconTabBarNoIcons",
		  "name": "Icon Tab Bar - Text Only",
		  "description": "In this example, the Icon Tab Bar tabs display text only."
		},
		{
		  "id": "sap.m.sample.IconTabBarStretchContent",
		  "name": "Icon Tab Bar - Stretch Content Height",
		  "description": "In this example, the IconTabBar height is stretched to the maximum height of the page content. Note: The height of the parent container must be defined as a fixed value. Also, applyContentPadding property is set to false and backgroundDesign property is set to Transparent."
		},
		{
		  "id": "sap.m.sample.IconTabSeparator",
		  "name": "Icon Tab Bar - Separator",
		  "description": "This is an example how to use separators in the Icon Tab Bar. You can choose an icon as a separator or use the default vertical line."
		},
		{
		  "id": "sap.m.sample.IconTabBarOverflowSelectList",
		  "name": "Icon Tab Bar - Overflow Behavior",
		  "description": "In this example when there is not enough space for all tab items to fit on the screen, the rest are displayed in an overflow select list for easier selection."
		},
		{
		  "id": "sap.m.sample.IconTabBarBackgroundDesign",
		  "name": "Icon Tab Bar - Background Design",
		  "description": "In this example the backgroundDesign and headerBackgroundDesign properties are demonstrated."
		},
		{
		  "id": "sap.m.sample.IconTabBarDragDrop",
		  "name": "Icon Tab Bar - Tabs drag and drop",
		  "description": "This example shows how the tab filters can be reordered and nested with drag and drop. Works only on desktop devices."
		},
		{
		  "id": "sap.m.sample.IconTabBarTabDensityMode",
		  "name": "Icon Tab Bar - Tab Density Mode",
		  "description": "In this example, the Icon Tab Bar is used in different tab density modes."
		},
		{
		  "id": "sap.m.sample.IconTabBarResponsivePadding",
		  "name": "Icon Tab Bar - Responsive Padding",
		  "description": "This example demonstrates the Icon Tab Bar's support for paddings that depend on the width of its container"
		},
		{
		  "id": "sap.m.sample.IconTabBarSubTabs",
		  "name": "Icon Tab Bar - Sub tabs",
		  "description": "This sample illustrates nested tabs with or without own content in their root-level tab."
		},
		{
		  "id": "sap.m.sample.IconTabBarBadges",
		  "name": "Icon Tab Bar - Badges",
		  "description": "This sample illustrates the possibility to add badges to the icon tab filters."
		},
		{
			"id": "sap.m.sample.IconTabBarStartAndEndOverflow",
			"name": "Icon Tab Bar - Start and End Overflow",
			"description": "This sample illustrates the start and end overflow mode of the Icon Tab Bar."
		},
		{
			"id": "sap.m.sample.IconTabBarInlineIcons",
			"name": "Icon Tab Bar - Inline mode tab icons",
			"description": "This sample illustrates tab icons for inline mode."
		},
		{
		  "id": "sap.m.sample.IconTabHeader",
		  "name": "Standalone Icon Tab Header",
		  "description": "Icon Tab Header used standalone, outside of Icon Tab Bar."
		},
		{
		  "id": "sap.m.sample.BusyIndicator",
		  "name": "Busy Indicator",
		  "description": "The Busy Indicator signals that some operation is going on and that the user must wait. It does not block the current UI screen so other operations could be triggered in parallel."
		},
		{
			"id": "sap.m.sample.IllustratedMessageEVR",
			"name": "Illustrated Message Enable Vertical Responsiveness",
			"description": "Demonstrates the IllustratedMessage's 'enableVerticalResponsiveness' property."
		},
		{
			"id": "sap.m.sample.IllustratedMessageInCardNoActivities",
			"name": "'NoActivities' Illustrated Message in a Card",
			"description": "IllustratedMessage as content of sap.f.Card. 'NoActivities' illustration type is being used for the Illustrated Message."
		},
		{
			"id": "sap.m.sample.IllustratedMessageInCardNoEmail",
			"name": "'NoEmail' Illustrated Message in a Card",
			"description": "IllustratedMessage as content of sap.f.Card. 'NoEmail' illustration type is being used for the Illustrated Message."
			},
		{
		  "id": "sap.m.sample.IllustratedMessageInDialog",
		  "name": "Illustrated Message in a Dialog",
		  "description": "IllustratedMessage as content of sap.m.Dialog."
		},
		{
		  "id": "sap.m.sample.IllustratedMessageInPage",
		  "name": "Illustrated Message in a Page with Configurable Properties (Default Illustration Set)",
		  "description": "The available properties of the IllustratedMessage are configurable in this sample. The available illustrations are from the default ('sapIllus') illustration set."
		},
		{
			"id": "sap.m.sample.IllustratedMessageInPageTNT",
			"name": "Illustrated Message in a Page with Configurable Properties (TNT Illustration Set)",
			"description": "The available properties of the IllustratedMessage are configurable in this sample. The available illustrations are from the 'tnt' illustration set."
		},
		{
			"id": "sap.m.sample.IllustratedMessageSessionTimeout",
			"name": "Illustrated Message Session Timeout",
			"description": "All applications that require user sign-in should employ a mechanism for automating user sign-out. When the inactivity is about to reach that threshold, a session timeout dialog appears automatically to inform the user."
		},
		{
		  "id": "sap.m.sample.Image",
		  "name": "Image",
		  "description": "Images are faster than words and attract people's attention. Images can also have an active state or be used in SVG format."
		},
		{
		  "id": "sap.m.sample.ImageModeBackground",
		  "name": "Image with ImageMode.Background",
		  "description": "Visualizes the state of the control when the mode property is set to ImageMode.Background."
		},
		{
		  "id": "sap.m.sample.ImageErrorWithIllustration",
		  "name": "Image error handling with IllustratedMessage",
		  "description": "Handle errors using the sap.m.IllustratedMessage with the error event."
		},
		{
		  "id": "sap.m.sample.InitialPagePattern",
		  "name": "InitialPage Pattern",
		  "description": "The initial page floorplan allows the user to navigate to a single\nobject to view or edit it. The interaction point on the screen is a\nsingle input field that relies on assisted input to direct the user to\nthe object in as few steps as possible (using features such as value\nhelp and live search).\n\nThe floorplan is achieved with a single sap.uxap.ObjectPageLayout with\nsap.uxap.ObjectPageDynamicHeaderTitle.\n\nsap.m.Input is used as an Input within the Title.\nsap.m.MessagePage is used as a section, which informs the user\nif input is needed or if the searched value is not found.\nsap.m.SelectDialog is used as a value help dialog for the input."
		},
		{
			"id": "sap.m.sample.FeedContent",
			"name": "Feed Content",
			"description": "Shows the tile containing the text of the feed, a subheader, and a numeric value."
		},
		{
		  "id": "sap.m.sample.Label",
		  "name": "Label with Inputs",
		  "description": "Labels are helpful when you need to describe some other UI control."
		},
		{
		  "id": "sap.m.sample.LabelProperties",
		  "name": "Label Properties",
		  "description": "This sample shows the different behaviors of a label."
		},
		{
		  "id": "sap.m.sample.ProgressIndicator",
		  "name": "Progress Indicator",
		  "description": "Shows the progress of a process in a graphical way. To indicate the progress, the inside of the ProgressIndicator is filled with a color."
		},
		{
		  "id": "sap.m.sample.Text",
		  "name": "Text",
		  "description": "The text control can be used for embedding longer paragraphs of text into your application, that need text wrapping."
		},
		{
		  "id": "sap.m.sample.TextMaxLines",
		  "name": "Text - Max Lines",
		  "description": "The Text control has a property to limit the number of lines for wrapping texts."
		},
		{
		  "id": "sap.m.sample.TextRenderWhitespace",
		  "name": "Text - Render Whitespace",
		  "description": "The Text control has a property allowing browsers to render whitespace and tabs."
		},
		{
		  "id": "sap.m.sample.TextEmptyIndicator",
		  "name": "Text - Empty Indicator",
		  "description": "The Text control has a property allowing an empty text indicator to be displayed."
		},
		{
		  "id": "sap.m.sample.TextHyphenation",
		  "name": "Text - Hyphenation",
		  "description": "The Text control has a property allowing hyphenation."
		},
		{
		  "id": "sap.m.sample.ExpandableText",
		  "name": "Expandable Text",
		  "description": "The ExpandableText control can be used to display a larger texts inside a table, list or form."
		},
		{
		  "id": "sap.m.sample.Title",
		  "name": "Title",
		  "description": "The Title control is a simple one line text with additional semantic information about the level of the following section in the page structure for accessibility purposes."
		},
		{
			"id": "sap.m.sample.TitleWrapping",
			"name": "Title Properties",
			"description": "This sample shows the different behaviors of a title."
		},
		{
			"id": "sap.m.sample.TitleLink",
			"name": "Title with Link",
			"description": "This sample shows how to add a link to a title."
		},
		{
		  "id": "sap.m.sample.ObjectAttributes",
		  "name": "Object Attribute",
		  "description": "This is an example of Object Attribute used standalone."
		},
		{
		  "id": "sap.m.sample.ObjectAttributeInTable",
		  "name": "Object Attribute inside Table",
		  "description": "This is an example of Object Attribute used inside Table."
		},
		{
		  "id": "sap.m.sample.ObjectHeader",
		  "name": "Object Header",
		  "description": "This is a Object Header which displays the basic information about objects similar to the Object List Item. Besides a title and number you can show multiple attributes (on the left) and statuses (on the right)."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderActiveAttributes",
		  "name": "Object Header – Active Attributes",
		  "description": "Active Object Attributes can trigger actions, such as navigating to related content inside or outside of the current application, or displaying additional information in a popover."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderImage",
		  "name": "Object Header - With Image",
		  "description": "An Object Header will also make space for an image if one is specified, via a URL for the 'icon' property. \nNote: This example shows the image inside ObjectHeader with the responsive property set to false. On phone in portrait mode, the image remains visible."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderCircleImage",
		  "name": "Object Header - With Circle-shaped Image",
		  "description": "An Object Header can set shape of the image by using 'imageShape' property. The shapes could be Square (by default) and Circle. \nNote: This example shows the image inside ObjectHeader with the responsive property set to true. On phone in portrait mode, the image is hidden."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderFavFlag",
		  "name": "Object Header - Favorite & Flag",
		  "description": "The Object Header can indicate whether the object is a favorite, or has been flagged for further action. Changing these states is done elsewhere.<br><br><b>Note:</b> The <code>markFlagged</code> and <code>markFavorite</code> properties are deprecated as of version 1.42. We recommend using the <code>markers</code> aggregation instead."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderTitleSel",
		  "name": "Object Header - Select Title",
		  "description": "This is a Object Header with a title selection. This can be used to switch between variants of the business object being shown."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderTitleActive",
		  "name": "Object Header - Active Title",
		  "description": "The Object Header's title can be active to trigger further actions like showing additional information in a Popover."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderCondensed",
		  "name": "Object Header - Condensed",
		  "description": "The Object Header is shown in condensed mode with title, number, number unit and one attribute."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderResponsiveI",
		  "name": "Object Header Responsive I",
		  "description": "This is a responsive Object Header with a Title, 2 Statuses/Attributes rendered next to the title in a fullScreenOptimized mode (fullScreenOptimized = true)."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderResponsiveII",
		  "name": "Object Header Responsive II",
		  "description": "This is a responsive Object Header with a Title, 2 Statuses/Attributes rendered below the title in a Master/Detail mode (fullScreenOptimized = false)."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderResponsiveIII",
		  "name": "Object Header Responsive III",
		  "description": "This is a responsive Object Header with a Title, number, 6 Statuses/Attributes rendered in 4 columns in a fullScreenOptimized mode (fullScreenOptimized = true)."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderResponsiveIV",
		  "name": "Object Header Responsive IV",
		  "description": "This is a responsive Object Header with a Title, number, 6 Statuses/Attributes rendered in 3 columns in a Master/Detail mode (fullScreenOptimized = false)."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderResponsiveV",
		  "name": "Object Header Responsive V",
		  "description": "This is a responsive Object Header without a number and with a Title, 3 Statuses/Attributes."
		},
		{
		  "id": "sap.m.sample.ObjectHeaderMarkers",
		  "name": "Object Header - markers aggregation",
		  "description": "This sample shows the different states of an Object Header, which can be set using the <code>markers</code>."
		},
		{
		  "id": "sap.m.sample.ObjectIdentifier",
		  "name": "Object Identifier",
		  "description": "The object identifier is a small building block representing an object by a title and short description. Often it is used in the first column of a table."
		},
		{
		"id": "sap.m.sample.ObjectMarker",
		"name": "Object Marker in a table",
		"description": "The <code>ObjectMarker</code> is a small building block representing an object by an icon or text and icon. Often it is used in a table."
		},
		{
		  "id": "sap.m.sample.ObjectNumber",
		  "name": "Object Number",
		  "description": "The object number is a small building block representing an important, numerical attribute of an object together with it's unit. Often it is used in the last column of a table."
		},
		{
		  "id": "sap.m.sample.ObjectStatus",
		  "name": "Object Status",
		  "description": "The object status is a small building block representing a status with a semantic color."
		},
		{
		  "id": "sap.m.sample.CheckBox",
		  "name": "Check Box",
		  "description": "Checkboxes allow users to select a subset of options. If you want to offer an off/on setting you should use the Switch control instead."
		},
		{
			"id": "sap.m.sample.CheckBoxTriState",
			"name": "Tri-State Check Box",
			"description": "In this sample, the CheckBox reflects the selection states of its dependent input fields - selected, not selected, and partially selected."
		},
		{
			"id": "sap.m.sample.DynamicDateRange",
			"name": "Dynamic Date Range (Experimental)",
			"description": "The dynamic date range is a control that offers a choice of absolute and relative dates, using different offset from the current date. The list of values offered must be defined by the application."
		},
		{
			"id": "sap.m.sample.DynamicDateRangeWithCustomOptions",
			"name": "Dynamic Date Range With Custom Options (Experimental)",
			"description": "This example shows the Dynamic Date Range control with custom options for interval or date selection."
		},
		{
			"id": "sap.m.sample.DynamicDateRangeHidden",
			"name": "Dynamic Date Range - Open by Another Control",
			"description": "This example shows Dynamic Date Range which is opened by another control."
		},
		{
		  "id": "sap.m.sample.DatePicker",
		  "name": "Date Picker",
		  "description": "The Date Picker is an extension of the Input control and is dedicated to Date."
		},
		{
		  "id": "sap.m.sample.DatePickerMassEdit",
		  "name": "Date Picker Mass Editing Scenario",
		  "description": "Using calendar in a dialog for changing dates in mass editing scenario."
		},
		{
			"id": "sap.m.sample.DatePickerValueState",
			"name": "Date Picker - Value States",
			"description": "This example shows different DatePicker value states."
		},
		{
			"id": "sap.m.sample.DatePickerHidden",
			"name": "Date Picker - Open by Another Control",
			"description": "This example shows Date Picker which is opened by another control."
		},
		{
		  "id": "sap.m.sample.DateTimeInput",
		  "name": "Date Time Input",
		  "description": "The Date & Time Input control allows input of dates and times using date and time pickers. [Deprecated since 1.32.8]"
		},
		{
		  "id": "sap.m.sample.DateTimePicker",
		  "name": "Date Time Picker",
		  "description": "With the DateTimePicker a Date can be entered or selected including the time part."
		},
		{
		"id": "sap.m.sample.DateTimePickerValueState",
		"name": "Date Time Picker - Value States",
		"description": "This example shows different DateTimePicker value states."
		},
		{
		  "id": "sap.m.sample.DateTimePickerHidden",
		  "name": "Date Time Picker - Open by Another Control",
		  "description": "This example shows Date Time Picker which is opened by another control."
		},
		{
		  "id": "sap.m.sample.RadioButton",
		  "name": "Radio Button",
		  "description": "Typically the Radio Button is used by other controls. E.g. the List uses it for the single selection. But you can also use the Radio Buttons control directly, to allow selection of exactly one of multiple options."
		},
		{
		  "id": "sap.m.sample.RadioButtonGroup",
		  "name": "Radio Button Group",
		  "description": "A wrapper for a group of radio buttons."
		},
		{
		  "id": "sap.m.sample.RatingIndicator",
		  "name": "Rating Indicator",
		  "description": "A Rating Indicator can be used to both indicate and/or rate content."
		},
		{
		  "id": "sap.m.sample.SegmentedButton",
		  "name": "Segmented Button",
		  "description": "The Segmented Button allows the user to pick one out of many options for displaying the content of the current page. It is a UI pattern from iOS, now also available for other platforms. Putting the Segmented Button to a Bar control on non-iOS platforms will result in something very close to a tab."
		},
		{
		  "id": "sap.m.sample.SegmentedButtonVSD",
		  "name": "Segmented Button in View Settings Dialog",
		  "description": "Segmented Button used in View Settings Dialog component"
		},
		{
		  "id": "sap.m.sample.SegmentedButtonDialog",
		  "name": "Segmented Button in Dialog",
		  "description": "Segmented Button used in Dialog component"
		},
		{
		  "id": "sap.m.sample.SegmentedButtonLI",
		  "name": "Segmented Button in Input List Item",
		  "description": "Segmented Button used in Input List Item component"
		},
		{
		  "id": "sap.m.sample.Select",
		  "name": "Select",
		  "description": "Illustrates the usage of a Select in header, footer and content of a page. Note the different display options."
		},
		{
		  "id": "sap.m.sample.Select2Columns",
		  "name": "Select - Two columns layout",
		  "description": "Use the select dropdown list with two columns layout if you need to display additional information to your options, like e.g. currencies to countries or abbreviations to systems."
		},{
		  "id": "sap.m.sample.SelectValueState",
		  "name": "Select - Validation states",
		  "description": "Visualizes the validation state of the control, for example, Error, Warning and Success."
		},{
		  "id": "sap.m.sample.SelectWithWrappedItemText",
		  "name": "Select - Wrapping text",
		  "description": "Illustrates how the text in items wrap."
		},
		{
		  "id": "sap.m.sample.SelectWithIcons",
		  "name": "Select - with icons",
		  "description": "Illustrates the usage of a Select with icons"
		},
		{
		  "id": "sap.m.sample.SelectChangeEvents",
		  "name": "Select - Change Events",
		  "description": "Demonstrates the use of 'change' and 'liveChange' events."
		},
		{
		  "id": "sap.m.sample.SelectList",
		  "name": "SelectList",
		  "description": "A SelectList allows the user to select one item from a list of choices."
		},
		{
		  "id": "sap.m.sample.SelectListWithIcons",
		  "name": "SelectList - with icons",
		  "description": "A SelectList with icons."
		},
		{
		  "id": "sap.m.sample.SemanticPage",
		  "name": "Semantic Page Master-Detail",
		  "description": "Semantic Page Master/Detail"
		},
		{
		  "id": "sap.m.sample.SemanticPageFullScreen",
		  "name": "Semantic Page Full Screen",
		  "description": "Semantic Page Full Screen"
		},
		{
		  "id": "sap.m.sample.SemanticPageDraftIndicator",
		  "name": "Semantic Page using Draft Indicator",
		  "description": "Integration of Draft Indicator inside Semantic Page"
		},
		{
		  "id": "sap.m.sample.SemanticPageFloatingFooter",
		  "name": "Semantic Page using Floating Footer",
		  "description": "Integration of Floating Footer inside Semantic Page"
		},
		{
		  "id": "sap.m.sample.ActionSelect",
		  "name": "Action Select",
		  "description": "Illustrates an Action Select with 2 actions."
		},
		{
		  "id": "sap.m.sample.MultiComboBox",
		  "name": "MultiComboBox",
		  "description": "Choose one or more out of multiple options with the MultiComboBox control."
		},
		{
		  "id": "sap.m.sample.MultiComboBoxDefaultFiltering",
		  "name": "MultiComboBox - Filtering and Suggestions",
		  "description": "The default filtering is 'starts with per term', which filters by the beginning of every word in every column."
		},
		{
			"id": "sap.m.sample.MultiComboBoxCustomFiltering",
			"name": "MultiComboBox - Custom Filtering and Suggestions",
			"description": "The default filtering for the suggestionsItems aggregation uses a 'starts with per term' style operator. You can override this with your own custom filter function using the setFilterFunction method."
		},
		{
			"id": "sap.m.sample.MultiComboBoxSuggestionsAndValueState",
			"name": "MultiComboBox - Suggestions with Value State",
			"description": "MultiComboBox with suggestions and Value State Message containing a link."
		},
		{
			"id": "sap.m.sample.MultiComboBoxGrouping",
			"name": "MultiComboBox - Grouping of items",
			"description": "Items in the MultiComboBox could be grouped by a property"
		},
		{
			"id": "sap.m.sample.MultiComboBoxSelectAll",
			"name": "MultiComboBox - showSelectAll functionality",
			"description": "MultiComboBox with enabled Select All feature inside suggestions."
		},
		{
		  "id": "sap.m.sample.MultiComboBoxTwoColumnsLayout",
		  "name": "MultiComboBox - Two columns layout",
		  "description": "Use the dropdown list with two columns layout if you need to display additional information to your options, like e.g. currencies to countries or abbreviations to systems."
		},
		{
			"id": "sap.m.sample.MultiComboBoxClearIcon",
			"name": "MultiComboBox - Clear Icon",
			"description": "The multi combo box control can show 'clear' icon, which when pressed will remove the user's input."
		},
		{
			"id": "sap.m.sample.p13n.Container",
			"name": "p13n.Container usage in a Dialog/Popover",
			"description": "Dialog & Popover with a sap.m.P13nContainer as content."
		},
		{
			"id": "sap.m.sample.p13n.Popup",
			"name": "p13n.Popup usage",
			"description": "Dialog with sap.m.p13n/* Panels"
		},
		{
			"id": "sap.m.sample.p13n.Engine",
			"name": "p13n.Engine usage",
			"description": "Personalization Engine usage with a responsive Table"
		},
		{
		  "id": "sap.m.sample.P13nDialog",
		  "name": "P13nDialog stand-alone",
		  "description": "Dialog for personalization of column order and their visibility."
		},
		{
		  "id": "sap.m.sample.P13nDialogWithDimMeasurePanel",
		  "name": "P13nDialog stand-alone",
		  "description": "Dialog for personalization of dimension/measure order and their visibility."
		},
		{
		  "id": "sap.m.sample.MultiInput",
		  "name": "MultiInput",
		  "description": "MultiInput provides functionality to add / remove / enter tokens."
		},
		{
		  "id": "sap.m.sample.MultiInputValidators",
		  "name": "MultiInput Validators",
		  "description": "MultiInput uses validators to accept, decline and change tokens."
		},
		{
		  "id": "sap.m.sample.MultiInputFilteringSuggestions",
		  "name": "MultiInput Filtering and Suggestions",
		  "description": "The default filtering is 'starts with per term', which filters by the beginning of every word in every column."
		},
		{
		  "id": "sap.m.sample.MultiInputCustomFiltering",
		  "name": "MultiInput Custom Filtering",
		  "description": "The default filtering for the suggestionItems aggregation uses is a 'starts with per term' style operator. You can overwrite this with your own custom filter function using the Input control's setFilterFunction method."
		},
		{
			"id": "sap.m.sample.MultiInputDatabinding",
			"name": "MultiInput Data Binding",
			"description": "MultiInput data binding allows data to be bound to tokens in MultiInput."
		},
		{
			"id": "sap.m.sample.MultiInputMaxTokens",
			"name": "MultiInput with Max Tokens",
			"description": "Number of Tokens in MultiInput cannot exceed the maxToken number."
		},
		{
			"id": "sap.m.sample.MultiInputTokenUpdate",
			"name": "MultiInput tokenUpdate event example",
			"description": "MultiInput fires several tokenUpdate events depending on when the tokens were validated."
		},
		{
		  "id": "sap.m.sample.MultiInputGrouping",
		  "name": "MultiInput - Grouping of items",
		  "description": "Items in the MultiInput could be grouped by a property"
		},
		{
		  "id": "sap.m.sample.MultiInputValueHelp",
		  "name": "MultiInput with Value Help",
		  "description": "MultiInput that includes a SelectDialog as a value help dialog"
		},
		{
		  "id": "sap.m.sample.MultiInputValueStates",
		  "name": "MultiInput - Value States",
		  "description": "This sample illustrates the different value states of the sap.m.MultiInput control."
		},
		{
			"id": "sap.m.sample.MultiInputModelUpdate",
			"name": "MultiInput - Model update",
			"description": "This sample illustrates how the model bound to the MultiInput can be updated upon token creation or deletion."
		},
		{
			"id": "sap.m.sample.NumericContentDifColors",
			"name": "Numeric Content of Different Colors",
			"description": "Shows NumericContent including numbers, units of measurement, and status arrows indicating a trend. The numbers can be colored according to their meaning."
		},
		{
			"id": "sap.m.sample.NumericContentIcon",
			"name": "Numeric Content with Icon",
			"description": "Shows NumericContent including an icon."
		},
		{
			"id": "sap.m.sample.NumericContentWithoutMargin",
			"name": "Numeric Content Without Margins",
			"description": "This is an example of the NumericContent that contains no margins, so the control is aligned to the left and to the top without any margins."
		},
		{
		  "id": "sap.m.sample.Tree",
		  "name": "Tree - Basic",
		  "description": "Tree displays data in hierarchical structure."
		},
		{
		  "id": "sap.m.sample.TreeExpandTo",
		  "name": "Tree - InitialExpand & CollapseAll",
		  "description": "This example shows the initial expand state and how to collapse all nodes."
		},
		{
		  "id": "sap.m.sample.TreeDnD",
		  "name": "Tree - Drag and Drop",
		  "description": "This example shows drag-and-drop capability."
        },
		{
		  "id": "sap.m.sample.TreeIcon",
		  "name": "Tree - Icon & Context Menu",
		  "description": "Tree item with icon. This example also shows the context menu for the items in the Tree control."
		},
		{
		  "id": "sap.m.sample.TreeExpandMulti",
		  "name": "Tree - Multi Expand & Collapse",
		  "description": "This example shows how to expand/collapse multiple nodes and demonstrates the sticky header toolbar and info toolbar options."
		},
		{
          "id": "sap.m.sample.TreeJSONLazyLoading",
          "name": "Tree - Lazy loading with a JSON model",
          "description": "Shows how lazy loading with a JSON model can be done using the toggleOpenState event."
        },
        {
		  "id": "sap.m.sample.TreeOData",
		  "name": "Tree - OData",
		  "description": "This example shows Tree with OData service."
		},
		{
		  "id": "sap.m.sample.TreeSelection",
		  "name": "Tree - Selection",
		  "description": "This example shows different selection modes of Tree."
		},
		{
			"id": "sap.m.sample.RangeSlider",
			"name": "RangeSlider",
			"description": "With the RangeSlider a user can specify range from a numerical interval."
		},
		{
		  "id": "sap.m.sample.Slider",
		  "name": "Slider",
		  "description": "With the Slider a user can choose a value from a numerical range."
		},
		{
		  "id": "sap.m.sample.TextArea",
		  "name": "Text Area",
		  "description": "The Text Area allows to enter multi-line text and automatically breaks to a new line for overflow text. If the text gets too big to be displayed at once the user can scroll up and down."
		},
	 	{
		  "id": "sap.m.sample.TextAreaMaxLength",
		  "name": "TextArea with MaxLength = true",
		  "description": "Shows the behavior of the control with the new showExceededText property (since 1.48) and maxLength = true"
		},
		{
		  "id": "sap.m.sample.TextAreaValueStates",
		  "name": "TextArea - Value States",
		  "description": "This sample illustrates the different value states of the sap.m.TextArea control."
		},
		{
		  "id": "sap.m.sample.TextAreaValueUpdate",
		  "name": "TextArea - Value Update",
		  "description": "Since 1.30 the value property of sap.m.TextArea is not updated on every keystroke, but first when the user presses Enter or leaves the input. The change was necessary to fully support the standard UI5 data binding with formatters and types. If you still need immediate update you have 2 options: Handle liveChange events or enable the boolean property valueLiveUpdate."
		},
		{
		  "id": "sap.m.sample.TextAreaGrowing",
		  "name": "TextArea - Growing",
		  "description": "Since 1.38 the growing property of sap.m.TextArea gives the ability of a control to automatically grow and shrink dynamically with its content."
		},
		{
		  "id": "sap.m.sample.Switch",
		  "name": "Switch",
		  "description": "\"Some say it is only a switch, I say it is one of the most stylish controls in the universe of mobile UI controls.\" (unknown developer)"
		},
		{
		  "id": "sap.m.sample.SearchField",
		  "name": "Search Field",
		  "description": "Use the Search Field to let the user enter a search string and trigger the search process."
		},
		{
		  "id": "sap.m.sample.SearchFieldSuggestions",
		  "name": "Search Field - Suggestions",
		  "description": "Add suggestion capabilities to a basic Search Field."
		},
		{
		  "id": "sap.m.sample.DialogSearch",
		  "name": "Dialog with Search Field",
		  "description": "Use a Search Field inside a Dialog."
		},
		{
		  "id": "sap.m.sample.ListSelectionSearch",
		  "name": "List - Selection & Search",
		  "description": "When searching a list with multi selection the previously selected items will stay selected. This is managed by the list control for you."
		},
		{
		  "id": "sap.m.sample.FacetFilterSimple",
		  "name": "Facet Filter - Simple",
		  "description": "With the Facet Filter you can offer multiple filters ('facets') to assist the user in narrowing down the data in, say, a table. With this default 'Simple' type, each filter is displayed in a row for selection."
		},
		{
		  "id": "sap.m.sample.FacetFilterLight",
		  "name": "Facet Filter - Light",
		  "description": "This is a 'Light' version of the Facet Filter. It is for small displays where only a selectable summary bar is shown, and a dialog is shown for setting the facet values."
		},
		{
			"id": "sap.m.sample.FacetFilterCustomFilters",
			"name": "Facet Filter - Custom Filters",
			"description": "With the FacetFilter you can define custom filtering criteria to be applied when searching in the FacetFilterList instead of the default filtering criteria of the control in order to assist the user in narrowing down the data in, say, a table."
		},
		{
		  "id": "sap.m.sample.InputTypes",
		  "name": "Input - Types",
		  "description": "Input type corresponds to the type attribute of the HTML input tag. On touch devices, it controls the keyboard layout. On desktop, the effect of this setting is browser dependent."
		},
		{
		  "id": "sap.m.sample.InputPassword",
		  "name": "Input - Password",
		  "description": "To make sure the password is not shown as clear text you set the 'type' of an input control to 'Password'."
		},
		{
		  "id": "sap.m.sample.InputChecked",
		  "name": "Input - Checked",
		  "description": "Input checks are handled via the validation of the data binding. In this example there are two inputs that are validated (a) while the user types and (b) when the user continues the process. If the built-in validation types are not sufficient you can create your own, like the email type in this example."
		},
		{
			"id": "sap.m.sample.InputCustomValueHelpIcon",
			"name": "Input - Custom Value Help Icon",
			"description": "This example shows the usage of a custom value help icon instead of the default one."
		},
		{
		  "id": "sap.m.sample.InputAssisted",
		  "name": "Input - Assisted",
		  "description": "Assisted input is available via suggestions - shown as you type - and a value help dialog."
		},
		{
		  "id": "sap.m.sample.InputAssistedTwoValues",
		  "name": "Input - Assisted Two Values",
		  "description": "This example shows how to easily implement an assisted input with two-value suggestions."
		},
		{
		  "id": "sap.m.sample.InputAssistedTabularSuggestions",
		  "name": "Input - Assisted Tabular Suggestions",
		  "description": "In this example assisted input is provided with table-like suggestions where several columns can display more details."
		},
		{
		  "id": "sap.m.sample.InputSuggestionsDynamic",
		  "name": "Input - Suggestions - Dynamic",
		  "description": "With the Input control's suggest event, you can handle the suggestionItems yourself dynamically. This is useful when you have a server-side source of possible entries, and want to retrieve a specific subset by setting a filter on the aggregation binding with the model."
		},
		{
		  "id": "sap.m.sample.InputSuggestionsOpenSearch",
		  "name": "Input - Suggestions - OSP",
		  "description": "If you need to use an Open Search Provider (OSP) to supply possible values, you can do this with the Input control's suggest event, and build the suggestionItems dynamically according to the results of the Open Search call."
		},
		{
		  "id": "sap.m.sample.InputSuggestionsCustomFilter",
		  "name": "Input - Suggestions - Custom",
		  "description": "The default filtering for the suggestionItems aggregation uses a 'begins with' style operator. You can override this with your own custom filter function using the Input control's setFilterFunction method."
		},
		{
		  "id": "sap.m.sample.InputStates",
		  "name": "Input - States",
		  "description": "This example demonstrates the different input field states, e.g. disabled, editable, with value help and value help only."
		},
		{
		  "id": "sap.m.sample.InputValueUpdate",
		  "name": "Input - Value Update",
		  "description": "Since 1.24 the value property of sap.m.Input is not updated on every keystroke, but first when the user presses Enter or leaves the input. The change was necessary to fully support the standard UI5 data binding with formatters and types. If you still need immediate update you have 2 options: Handle liveChange events or enable the boolean property valueLiveUpdate."
		},
		{
		  "id": "sap.m.sample.InputDescription",
		  "name": "Input - Description",
		  "description": "This sample illustrates the usage of the description with input fields, e.g. description for units of measurements and currencies."
		},
		{
			"id": "sap.m.sample.InputKeyValue",
			"name": "Input - Key and Value",
			"description": "This sample illustrates how the Input works with key and value values, when the data is available via list of suggestions."
		},
		{
			"id": "sap.m.sample.InputKeyValueTabularSuggestions",
			"name": "Input - Key and Value Tabular Suggestions",
			"description": "This sample illustrates how the Input works with key and value values, when the data is provided with table-like suggestions."
		},
		{
			"id": "sap.m.sample.InputValueState",
			"name": "Input - Value States",
			"description": "This example shows different input value states."
		},
		{
		  "id": "sap.m.sample.InputGrouping",
		  "name": "Input - Grouping of items",
		  "description": "Items in the Input could be grouped by a property"
		},
		{
		  "id": "sap.m.sample.ListToolbar",
		  "name": "List - Header & Info Toolbar",
		  "description": "The 'headerText' property is an easy but limited way of setting the list header. If you need more flexibility you should assemble your own header or info toolbar that can also contain buttons. This example also demonstrates the sticky header toolbar and info toolbar options."
		},
		{
		  "id": "sap.m.sample.ListNoData",
		  "name": "List - No Data Indication",
		  "description": "If the list is empty it indicates this state by displaying a message text."
		},
		{
		  "id": "sap.m.sample.ListFooter",
		  "name": "List - Footer",
		  "description": "With the 'footerText' property you can set a message that is shown at the very end of the list."
		},
		{
		  "id": "sap.m.sample.ListSelection",
		  "name": "List - Selection",
		  "description": "'Single selection' forces the user to choose exactly one out of many items. With the 'multi' selection the user can pick multiple items at the same time. This is helpful for e.g. batch processing. With 'includeItem' the selection is also changed when pressing the item."
		},
		{
		  "id": "sap.m.sample.ListItemTypes",
		  "name": "List - Items Type",
		  "description": "You can use the ‘type’ property of any list item, which inherits from ListItemBase control, to demonstrate all possible types (see sap.m.ListType). In this example, you can see the Standard List Item behavior when different values of ‘type’ property are selected."
		},
		{
		  "id": "sap.m.sample.ListDeletion",
		  "name": "List - Deletion",
		  "description": "Setting 'Delete' mode on a List means you can trigger the deletion of single items with a single press. The application has to decide if an additional confirmation is required."
		},
		{
		  "id": "sap.m.sample.ListSwipe",
		  "name": "List - Swipe",
		  "description": "With a swipe gesture you can show additional content for an item without having to navigate to a detail page. This feature is only available for touch devices."
		},
		{
		  "id": "sap.m.sample.ListGrowing",
		  "name": "List - Growing",
		  "description": "The Growing feature helps if your content is too big to be loaded/shown at once. It paginates the content into smaller chunks - aka pages - which are loaded/shown one after another. Random access to pages (e.g jumping to the end) is not possible. Depending on the model the content is loaded on demand (OData) or shown on demand (JSON)."
		},
		{
		  "id": "sap.m.sample.ListGrowingUpwards",
		  "name": "List - Growing Upwards",
		  "description": "The Upwards Growing"
		},
		{
		  "id": "sap.m.sample.ListGrouping",
		  "name": "List - Grouping & Context Menu",
		  "description": "Grouping your items makes it easier for the user to browse and find the desired content. This example also shows the context menu for the items in the List control."
		},
		{
		  "id": "sap.m.sample.ListUnread",
		  "name": "List - Unread Indication",
		  "description": "With the Unread Indicator you can highlight new items making it easier for the user to discover them."
		},
		{
		  "id": "sap.m.sample.ListNavType",
		  "name": "List - Navigation Indication",
		  "description": "If only a subset of the list items are navigable you should indicate those by setting their 'type' to 'Navigation'. This displays an navigation arrow. Do not show arrows if all items are navigable. This achieved by setting the 'type' to 'Active'."
		},
		{
		  "id": "sap.m.sample.ListCounter",
		  "name": "List - Counter Indication",
		  "description": "The counter of an item quickly shows how many detail entries are related, without having to navigate to the detail page."
		},
		{
		  "id": "sap.m.sample.ListLoading",
		  "name": "List - Loading Indication",
		  "description": "You can use enableBusyIndicator property to display loading animation while the data is being loaded from server. By default, this property is true and busy indicator will be shown after 1000ms. This behavior can be customized by setting the busyIndicatorDelay property. When this property is set to false, items stay on the List until data loading is completed."
		},
		{
		  "id": "sap.m.sample.TableViewSettingsDialog",
		  "name": "Table - View Settings & Context Menu",
		  "description": "The View Settings Dialog is standard UI pattern for specifying sorting, grouping and filtering. For a table it should be triggered by a button in the table header with the 'drop-down-list' icon. The active filter should be shown with the table's info bar. This example also shows the context menu for the items in the Table control."
		},
		{
		  "id": "sap.m.sample.TableLayout",
		  "name": "Table - Fixed vs Auto Layout",
		  "description": "You can use fixedLayout property to define the layout algorithm to be used for the table cells, rows, and columns.\nWhen fixedLayout property is set to false, the width of the table and its cells depends on the content thereof. The column width is set by the widest unbreakable content in the cells.\nBy default, table is rendered with fixed layout algorithm. This means the horizontal layout only depends on the table's width and the width of the columns, not the contents of the cells. Cells in subsequent rows do not affect column widths."
		},
		{
		  "id": "sap.m.sample.TableColumnWidth",
		  "name": "Table - Defining Column Width",
		  "description": "While defining the column width you can use percent values but you should be careful with them. Click to see some traps and tipps."
		},
		{
		  "id": "sap.m.sample.TableAlternateRowColors",
		  "name": "Table - Alternate Row Colors",
		  "description": "Table with alternating light and dark background colors. Note: The effect of this feature is only visible in some themes (e.g. SAP Belize or SAP Quartz)."
		},
		{
		  "id": "sap.m.sample.TableDnD",
		  "name": "Table - Drag and Drop",
		  "description": "Shows the different kinds of drag-and-drop capabilities across view boundaries along with custom context menu alternatives to perform these action."
		},
		{
			"id": "sap.m.sample.TableMultiSelectMode",
			"name": "Table - MultiSelectMode",
			"description": "This example demonstrates the different multi-selection modes when the table is configured with MultiToggle mode."
		},
		{
		  "id": "sap.m.sample.TablePerso",
		  "name": "Table - Personalization",
		  "description": "The Table Perso Dialog is a simple dialog to be used for allowing the user to set table personalizations, specifically column visibility and order. Use the Table Perso Controller in conjunction with a persistence service based on the abstract Table Perso Provider to have changes made and persisted."
		},
		{
			"id": "sap.m.sample.TableScrollToIndex",
			"name": "Table - Scroll To Index",
			"description": "This sample demonstrates the scroll-to-index functionality."
		},
		{
		  "id": "sap.m.sample.TableMergeCells",
		  "name": "Table - Merge Cells",
		  "description": "With column duplicate merging, you can improve the display of repeated data. See the effect of mergeDuplicates on the Supplier column, space permitting.\nNote: This feature is ignored if a column is shown in the pop-in."
		},
		{
		  "id": "sap.m.sample.TableVerticalAlignment",
		  "name": "Table - Vertical Alignment",
		  "description": "This is a good example of how to vertically align different elements within a Table's ColumnListItem row template."
		},
		{
		  "id": "sap.m.sample.TableOutdated",
		  "name": "Table - Outdated Data",
		  "description": "You can use the 'showOverlay' property to indicate that the table data is no longer up to date. When the user modifies the filter values of the table, this results in displaying an overlay, which disables operations on the table. Once the user chooses 'Search', the filter values and table data are synchronized again and the overlay is removed."
		},
		{
		  "id": "sap.m.sample.TableBreadcrumb",
		  "name": "Table - Breadcrumb",
		  "description": "With an InfoToolbar and some crumb logic you can navigate simple hierarchies with a breadcrumb table approach."
		},
		{
		  "id": "sap.m.sample.TableExport",
		  "name": "Table - Export",
		  "description": "The table control provides export capabilities for downloading your data as a csv file. However, for huge tables, it is recommended that you provide an export mechanism on the server side."
		},
		{
		  "id": "sap.m.sample.TableEditable",
		  "name": "Table - Editable",
		  "description": "Table with edit/display togglable scenario."
		},
		{
		  "id": "sap.m.sample.TableContextualWidthDynamic",
		  "name": "Table - ContextualWidth (Dynamic)",
		  "description": "This example shows the container-based pop-in behavior. The container has dynamic width."
		},
		{
		  "id": "sap.m.sample.TableContextualWidthStatic",
		  "name": "Table - ContextualWidth (Static)",
		  "description": "This example shows the container-based pop-in behavior. The container has static width."
		},
		{
			"id": "sap.m.sample.TableNavigated",
			"name": "Table - Item Navigated",
			"description": "This example demonstrates the navigated property of the item."
		},
	    {
		  "id": "sap.m.sample.TableAutoPopin",
		  "name": "Table - Auto popin of the table columns",
		  "description": "This example demonstrates the automatic pop-in behavior of the table and hiding columns instead of moving them into the pop-in depending on their importance."
	    },
		{
			"id": "sap.m.sample.TableStrictLayout",
			"name": "Table - Strict layout",
			"description": "This example demonstrates the Strict layout and the column resizing of the table."
		},
		{
		  "id": "sap.m.sample.ActionListItem",
		  "name": "Action List Item",
		  "description": "Use the Action List Item to trigger an action directly from a list"
		},
		{
		  "id": "sap.m.sample.CustomListItem",
		  "name": "Custom List Item",
		  "description": "With the Custom List Item you can add any kind of content to lists."
		},
		{
		  "id": "sap.m.sample.CustomTreeItem",
		  "name": "Custom Tree Item",
		  "description": "With the Custom Tree Item you can add any kind of content to Tree."
		},
		{
		  "id": "sap.m.sample.DisplayListItem",
		  "name": "Display List Item",
		  "description": "Use the Display List Item for showing name/value pairs."
		},
		{
		  "id": "sap.m.sample.FeedListItem",
		  "name": "Feed List Item",
		  "description": "The Feed List Item provides a standard UI for 'feeds' where multiple users publish information on regular basis on a certain topic."
		},
		{
		  "id": "sap.m.sample.FeedInput",
		  "name": "Feed Input",
		  "description": "This sample shows a standalone feed input with different settings."
		},
		{
		  "id": "sap.m.sample.Feed",
		  "name": "Feed",
		  "description": "This sample shows you how to build a complete feed user interface by combining a FeedInput with a list of FeedListItems."
		},
		{
		  "id": "sap.m.sample.InputListItem",
		  "name": "Input List Item",
		  "description": "Use the Input List Item on phones to build form like user interfaces."
		},
		{
		  "id": "sap.m.sample.ObjectListItem",
		  "name": "Object List Item",
		  "description": "The Object List Item has many possibilities to provide a quick overview for an object within a list."
		},
		{
		  "id": "sap.m.sample.ObjectListItemMarkLocked",
		  "name": "Object List Item - markLocked, markFlagged, markFavorite",
		  "description": "This sample shows the different states of an Object List Item, which can be set using the <code>markLocked</code>, <code>markFlagged</code>, and <code>markFavorite</code> properties.<br><br><b>Note:</b> The <code>markLocked</code>, <code>markFlagged</code>, and <code>markFavourite</code> properties are deprecated as of version 1.42. We recommend using the <code>markers</code> aggregation instead."
		},
		{
		  "id": "sap.m.sample.ObjectListItemMarkers",
		  "name": "Object List Item - markers aggregation",
		  "description": "This sample shows the different states of an Object List Item, which can be set using the <code>markers</code> aggregation."
		},
		{
		  "id": "sap.m.sample.StandardListItem",
		  "name": "Standard List Item",
		  "description": "This list item offers a standardized user interface for list content with only title."
		},
		{
		  "id": "sap.m.sample.StandardListItemDescription",
		  "name": "Standard List Item - Description",
		  "description": "This list item offers a standardized user interface for list content with title and description."
		},
		{
		  "id": "sap.m.sample.StandardListItemIcon",
		  "name": "Standard List Item - Icon",
		  "description": "This list item offers a standardized user interface for list content with title, description and icon."
		},
		{
			"id": "sap.m.sample.StandardListItemAvatar",
			"name": "Standard List Item - Avatar",
			"description": "This list item offers a standardized user interface for list content with title, description, and avatar."
		  },
		{
		  "id": "sap.m.sample.StandardListItemInfo",
		  "name": "Standard List Item - Info",
		  "description": "This list item offers a standardized user interface for list content with title and info."
		},
		{
			"id": "sap.m.sample.StandardListItemInfoStateInverted",
			"name": "Standard List Item - Info State Inverted",
			"description": "This sample demonstrates the inverted rendering behavior of the info text and the info state of the StandardListItem control."
		},
		{
		  "id": "sap.m.sample.StandardListItemTitle",
		  "name": "Standard List Item - Adapt Title",
		  "description": "By default the title size adapts to the available space and gets bigger if the description is empty. List items with and without descriptions results in titles with different sizes. In this cases it is better to switch the size adaption off."
		},
		{
		  "id": "sap.m.sample.StandardListItemWrapping",
		  "name": "Standard List Item - Wrapping",
		  "description": "This sample demonstrates the wrapping behavior of the title text and the description text. In desktop mode, the character limit is set to 300 characters, whereas in the phone mode, the character limit is set to 100 characters."
		},
		{
		  "id": "sap.m.sample.StandardListItemNavigated",
		  "name": "Standard List Item - Navigated",
		  "description": "This example demonstrates the navigated property of the list item."
		},
		{
		  "id": "sap.m.sample.MaskInput",
		  "name": "MaskInput",
		  "description": "The sap.m.MaskInput control allows users to easily enter data in a certain format and in a fixed-width input (for example: date, time, credit card number, and others)."
		},
		{
		  "id": "sap.m.sample.Menu",
		  "name": "Menu",
		  "description": "This control is used to show a menu in both desktop and mobile."
		},
		{
		  "id": "sap.m.sample.MenuButton",
		  "name": "Menu Button",
		  "description": "This control is used to open a menu in both desktop and mobile."
		},
		{
		  "id": "sap.m.sample.MessageBox",
		  "name": "Message Box",
		  "description": "MessageBox is an easy way of displaying a message-type dialog to the user. You can display different types of dialogs:\n- Types of message (Alert, Confirmation, etc.)\n- Initial focus can be set to the buttons or the controls used in the message"
		},
		{
		  "id": "sap.m.sample.MessageBoxInfo",
		  "name": "Message Box Details",
		  "description": "MessageBox with the option to display detailed information."
		},
		{
		  "id": "sap.m.sample.MessageBoxInitialFocus",
		  "name": "Message Box Initial Focus",
		  "description": "Shows how to set initial focus to MessageBox button."
		},
		{
		  "id": "sap.m.sample.MessagePopover",
		  "name": "MessagePopover",
		  "description": "MessagePopover is a control that displays a summarized list of different types of messages (errors, warnings, success and information). It provides a handy and systemized way to navigate and explore details for every message."
		},
		{
		  "id": "sap.m.sample.MessagePopoverMessageHandling",
		  "name": "Message Popover - Message Handling",
		  "description": "The message handling concept sample shows how you can connect an error inside the page (such as input validation error) with an error, visualized as an item in a message popover."
		},
		{
		  "id": "sap.m.sample.MessagePopoverAsyncMessageHandling",
		  "name": "Message Popover - Async Message Handling",
		  "description": "The message handling concept sample shows how you can use callback functions for resolving a promise after a link or descriptions have been asynchronously validated."
		},
		{
		  "id": "sap.m.sample.MessageViewInsideDialog",
		  "name": "Message View inside Dialog",
		  "description": "A sample with Message View placed inside a Dialog."
		},
		{
		  "id": "sap.m.sample.MessageViewInsidePopover",
		  "name": "Message View inside Popover",
		  "description": "A sample with Message View inside a Popover."
		},
		 {
		  "id": "sap.m.sample.MessageViewInsideResponsivePopover",
		  "name": "Message View inside ResponsivePopover",
		  "description": "A sample with Message View inside a ResponsivePopover."
		 },
		 {
		  "id": "sap.m.sample.MessageViewMessageManager",
		  "name": "Message View connected with Message Model",
		  "description": "A sample showing how you can connect the MessageView with MessageManager."
		 },
		{
		 "id": "sap.m.sample.MessageViewWithGrouping",
		  "name": "Message View with Grouping",
		  "description": "A sample with Message View and inside a Dialog and grouping of items"
		},
		{
		  "id": "sap.m.sample.MessageStrip",
		  "name": "Message Strip",
		  "description": "MessageStrip for showing status messages."
		},
		{
			"id": "sap.m.sample.MessageStripWithEnableFormattedText",
			"name": "Message Strip with enableFormattedText",
			"description": "A sample MessageStrip that shows status messages with additional formatting."
		},
		{
		  "id": "sap.m.sample.DynamicMessageStripGenerator",
		  "name": "Dynamic Message Strip Generator",
		  "description": "Generates MessageStrips with random properties."
		},
		{
		  "id": "sap.m.sample.MessageToast",
		  "name": "Message Toast",
		  "description": "The Message Toast displays the message text as an overlay to the current screen. It closes automatically after some time without requiring further user interaction."
		},
		{
		  "id": "sap.m.sample.Popover",
		  "name": "Popover",
		  "description": "The Popover controls allows to show contextual information without leaving the current page. Press somewhere outside the popover to close it."
		},
		{
		  "id": "sap.m.sample.PopoverNavCon",
		  "name": "Popover With NavContainer",
		  "description": "You can nest NavContainers in Popovers (and Dialogs) to navigate to further details in place."
		},
		{
		  "id": "sap.m.sample.PopoverWithinArea",
		  "name": "Popover in Custom Within Area",
		  "description": "Within area of sap.ui.core.Popup determines where all popups (including popovers) are positioned."
		},
		{
		  "id": "sap.m.sample.PopoverControllingCloseBehavior",
		  "name": "Popover Controlling Closing Behavior",
		  "description": "In some cases the closing behavior of the Popover can lead to drill down navigation. This sample demonstrates how you can control this. When the Popover is opened, add a style \"pointer-events: none\" to the area that should remain static and when the Popover is closed, remove it. Please note that, when having nested controls with \"pointer-events\" set, depending on the value of the property, internal controls may fire events, which will bubble up and trigger other events where applicable. The application needs to handle such cases."
		},
		{
		  "id": "sap.m.sample.SelectDialog",
		  "name": "Select Dialog",
		  "description": "The Select Dialog allows the user to search for and pick an item from a possibly long option list. Basically it is a convenience function to quickly assemble a Dialog, a Search Field and a List with Standard List Items. You can have single select or multi select mode. The dialog can remember the selections previously set on the dialog."
		},
		{
		  "id": "sap.m.sample.SelectDialogLazyLoading",
		  "name": "Select Dialog Lazy Loading",
		  "description": "Select Dialog lazy loading example with JSON model."
		},
		{
		  "id": "sap.m.sample.TableSelectDialog",
		  "name": "Table Select Dialog",
		  "description": "Similar to the Select Dialog, the Table Select Dialog presents selectable items in a table-based dialog, with filter functions. You can have single select or multi select mode. The dialog can remember the selections previously set on the dialog."
		},
		{
			"id": "sap.m.sample.TableSelectDialogGrowing",
			"name": "Table Select Dialog Growing",
			"description": "Table Select Dialog can be created with property growing set to true or false."
		  },
		{
		  "id": "sap.m.sample.NotificationListItem",
		  "name": "Notification List Item",
		  "description": "A list item suitable for showing notifications to the user."
		},
		{
		  "id": "sap.m.sample.NotificationListGroup",
		  "name": "Notification List Group",
		  "description": "A control suitable for grouping notifications."
		},
		{
		  "id": "sap.m.sample.NotificationListGroupBindings",
		  "name": "Notification List Group with data bindings",
		  "description": "A control suitable for grouping notifications. The sample uses JSON data bindings."
		},
		{
		  "id": "sap.m.sample.NotificationListGroupLazyLoading",
		  "name": "Notification List Group with lazy loading of the notifications",
		  "description": "Notification List Group with lazy loading of the notifications."
		},
		{
		  "id": "sap.m.sample.MaxNumberOfNotificationsReached",
		  "name": "Notification List Group with max number of notifications reached",
		  "description": "Notification List Group with max number of notifications reached. The group will render the max amount of notificatons, depending on device type allowed and then show a warning messge."
		},
		{
		  "id": "sap.m.sample.Dialog",
		  "name": "Dialog",
		  "description": "Typically a Dialog prompts the user for decisions or additional information required by the application. The content of a dialog is fully customizable. If you want to highlight important information you should use the special type of 'Message Dialog'."
		},
		{
		  "id": "sap.m.sample.DialogMessage",
		  "name": "Message Dialog",
		  "description": "Creating a dialog for showing UI messages. The possible messages types are: 'None', 'Success', 'Warning' and 'Error'."
		},
		{
		  "id": "sap.m.sample.DialogConfirm",
		  "name": "Dialog With Confirm Options",
		  "description": "Creating a dialog with confirm and reject options that replaces the confirmDialog functionality."
		},
		{
		  "id": "sap.m.sample.DialogWithinArea",
		  "name": "Dialog in Custom Within Area",
		  "description": "Within area of sap.ui.core.Popup determines where all popups (including dialogs) are positioned and where they can be dragged."
		},
		{
		  "id": "sap.m.sample.ViewSettingsDialog",
		  "name": "View Settings Dialog - Standard",
		  "description": "The View Settings Dialog is a standard UI pattern for specifying sorting, grouping and filtering."
		},
		{
		  "id": "sap.m.sample.ViewSettingsDialogCustom",
		  "name": "View Settings Dialog - Custom Filters",
		  "description": "You can have custom filters in your View Settings Dialog, as shown in this example here."
		},
		{
		  "id": "sap.m.sample.ViewSettingsDialogCustomFilterDetails",
		  "name": "View Settings Dialog - Custom Search",
		  "description": "You can filter the items in the filter details page using different string filter operators."
		},
		{
		  "id": "sap.m.sample.ViewSettingsDialogCustomTabs",
		  "name": "View Settings Dialog - Custom Tabs",
		  "description": "You can have custom tabs with your own defined content in the View Settings Dialog, as shown in this example."
		},
		{
		  "id": "sap.m.sample.BusyDialog",
		  "name": "Busy Dialog - Standard",
		  "description": "A Busy Dialog blocks the user interface until the currently running operation has been finished. No other activities can be started in parallel."
		},
		{
		  "id": "sap.m.sample.BusyDialogLight",
		  "name": "Busy Dialog - Light",
		  "description": "This is a 'light' version of the standard Busy Dialog; it also blocks the user interface until the currently running operation has been finished. It has no UI components, so you must close it programmatically when appropriate."
		},
		{
		  "id": "sap.m.sample.TitleToolBar",
		  "name": "Placing a Title in OverflowToolbar/Toolbar",
		  "description": "The sap.m.Title control can be used to place a title inside an OverflowToolbar/Toolbar."
		},
		{
		  "id": "sap.m.sample.UploadCollection",
		  "name": "Upload Collection - Instant Upload",
		  "description": "This control allows you to upload single or multiple files from their devices (desktop, tablet or smartphone) and attach them to the application immediately. The selection and upload process is completed in one step and is automatically triggered by the UploadCollection control."
		},
		{
		  "id": "sap.m.sample.UploadCollectionForPendingUpload",
		  "name": "Upload Collection - Upload Pending",
		  "description": "You can use this UploadCollection scenario to select single or mutliple files and to add them to the upload list first. In a second step, the application can upload the selected files by calling the upload() function."
		},
		{
		  "id": "sap.m.sample.UploadCollectionVersioning",
		  "name": "With Download and Update Feature",
		  "description": "Shows the UploadCollection with a download and update version feature. If one item is selected, you can download it or update the item to a new version. Both features can only be used in the Instant Upload scenario."
		},
		{
		  "id": "sap.m.sample.UploadCollectionSortingFiltering",
		  "name": "With Grouping, Sorting and Filtering Feature",
		  "description": "Shows the UploadCollection with grouping, sorting and filtering feature. After setting the criteria for filtering and sorting you get the filtering information displayed in the info toolbar."
		},
		{
		  "id": "sap.m.sample.UploadCollectionFolderHierarchy",
		  "name": "Upload Collection with Folder Hierarchy",
		  "description": "Shows the UploadCollection with a navigable folder structure."
		},
		{
		  "id": "sap.m.sample.UploadSet",
		  "name": "Upload Set",
		  "description": "This sample shows an Upload Set control with a list of files to be uploaded and actions you can perform on them."
		},
		{
		  "id": "sap.m.sample.UploadSetCustomUploader",
		  "name": "Upload Set with Custom Uploader",
		  "description": "Shows how to customize the Upload Set control using a custom uploader."
		},
		{
			"id": "sap.m.sample.UploadSetGroupingSortingFiltering",
			"name": "Upload Set with Grouping, Sorting and Filtering Feature",
			"description": "Shows the UploadSet with grouping, sorting and filtering feature. After setting the criteria for filtering and sorting you get the filtering information displayed in the info toolbar."
		},
		{
		  "id": "sap.m.sample.StandardMarginsAll",
		  "name": "Margins All Around",
		  "description": "Use standard margin classes 'sapUiTinyMargin', 'sapUiSmallMargin', 'sapUiMediumMargin' or 'sapUiLargeMargin' to add a 8px (0.5rem), 16px (1rem), 32px (2rem) or 48px (3rem) margin to your control. This will clear the area all around your control (outside its border)."
		},
		{
		  "id": "sap.m.sample.StandardMarginsSingleSided",
		  "name": "Single-Sided Margins",
		  "description": "Clear the space to the left, right, top or bottom of your control. Choose a size ('Tiny', 'Small', 'Medium' or 'Large', which stands for 8px (0.5rem), 16px (1rem), 32px (2rem) or 48px (3rem) respectively) and a direction ('Begin', 'End', 'Top' or 'Bottom', where 'Begin' is left and 'End' is right and vice versa in right-to-left mode). If you would like to clear a 32px space to the left (resp. right in rtl mode), you would add class 'sapUiMediumMarginBegin'. You may also add several classes which have to point to different directions though, for example you would add classes 'sapUiLargeMarginEnd sapUiLargeMarginBottom' to clear a 48px space to the bottom and to the right (resp. to the left in rtl mode)."
		},
		{
		  "id": "sap.m.sample.StandardMarginsTwoSided",
		  "name": "Two-Sided Margins",
		  "description": "Clear the space to the left and right, top and bottom of your control. Choose a size ('Tiny', 'Small', 'Medium' or 'Large', which stands for 8px (0.5rem), 16px (1rem), 32px (2rem) or 48px (3rem) respectively) and an orientation ('BeginEnd', 'TopBottom'). If you would like to clear a 32px space to the left and right, you would add class 'sapUiMediumMarginBeginEnd'."
		},
		{
		  "id": "sap.m.sample.StandardMarginsEnforceWidthAuto",
		  "name": "Enforce Width 'auto'",
		  "description": "Some controls (for example the IconTabBar) do not have a 'width' property but still have a default width of 100%. We provide css class 'sapUiForceWidthAuto' to overwrite the control's width in such a case."
		},
		{
		  "id": "sap.m.sample.StandardMarginsResponsive",
		  "name": "Responsive Margins",
		  "description": "Clear the space around your control, where the margin depends on the device your are using."
		},
		{
		  "id": "sap.m.sample.StandardMarginsCollapse",
		  "name": "Collapsing Margins",
		  "description": "See how adjacent margins collapse to a single margin."
		},
		{
		  "id": "sap.m.sample.StandardNoMargins",
		  "name": "Remove Margins",
		  "description": "Use our standard 'No-Margins' classes to remove existing margins from your control. You can either remove all margins at once or remove the margin on one or more sides."
		},
		{
		  "id": "sap.m.sample.StandardNegativeMarginsTwoSided",
		  "name": "Negative Margins",
		  "description": "Use standard negative margin classes 'sapUiTinyNegativeMarginBeginEnd', 'sapUiSmallNegativeMarginBeginEnd', 'sapUiMediumNegativeMarginBeginEnd' or 'sapUiLargeNegativeMarginBeginEnd' to remove  0.5rem, 1rem, 2rem, or 3rem margin to the left and right edges of your control."
		},
		{
		  "id": "sap.m.sample.StepInput",
		  "name": "StepInput",
		  "description": "The StepInput allows the user to change stepwise a value by a predefined step and also to set additional description, such as units of measurement and currencies after the input field."
		},
		{
		"id": "sap.m.sample.StepInputValueState",
		"name": "Step Input - Value States",
		"description": "This example shows different StepInput value states."
		},
		{
		"id": "sap.m.sample.TimePicker",
		"name": "Time Picker",
		"description": "TimePicker examples displaying the four time formats: \nHH : mm, \nHH : mm : ss, \nHH : mm : pp, \nHH : mm : ss : pp"
		},
		{
		"id": "sap.m.sample.TimePickerValueState",
		"name": "Time Picker - Value States",
		"description": "This example shows different TimePicker value states."
		},
		{
		"id": "sap.m.sample.TimePickerHidden",
		"name": "Time Picker - Open by Another Control",
		"description": "This example demonstrates the Time Picker that is opened by another control."
		},
		{
		"id": "sap.m.sample.TimePickerSliders",
		"name": "Time Picker Sliders",
		"description": "TimePickerSliders used in a Dialog."
		},
		{
		  "id": "sap.m.sample.ContainerNoPadding",
		  "name": "No Container Content Padding",
		  "description": "Many UI5 containers support the standard container content padding CSS classes. Apply the CSS class 'sapUiNoContentPadding' on a UI5 container control to remove the default padding around the container content area."
		},
		{
		  "id": "sap.m.sample.ContainerPadding",
		  "name": "Container Content Padding",
		  "description": "Apply the CSS class 'sapUiContentPadding' on a UI5 container control to add a default padding of 1rem (16px) around the container content area."
		},
		{
		  "id": "sap.m.sample.ContainerResponsivePadding",
		  "name": "Responsive Container Content Padding",
		  "description": "Apply the CSS class 'sapUiResponsiveContentPadding' on a UI5 container control to add a responsive padding based on the screen size around the container content area."
		},
		{
		  "id": "sap.m.sample.ContainerPaddingAndMargin",
		  "name": "Container Content Padding and Margins",
		  "description": "By combining the margin and padding concepts you can flexibly design your application layout without having to write any custom CSS. This example shows a HorizontalLayout that is layouted with the standard margin and padding classes provided by UI5."
		},
		{
		  "id": "sap.m.sample.OverflowToolbarSimple",
		  "name": "Overflow Toolbar - layout",
		  "description": "Overflow Toolbar can contain the same controls as Toolbar with the added benefit that buttons that do not fit are moved to an overflow area when overflow occurs."
		},
		{
		  "id": "sap.m.sample.OverflowToolbarFooter",
		  "name": "Overflow Toolbar - in a table and in the footer of a page",
		  "description": "Overflow Toolbar Button is useful for showing lists of action buttons that can display an icon in the toolbar, and icon+text when in the overflow."
		},
		{
		  "id": "sap.m.sample.Wizard",
		  "name": "Wizard standard use case",
		  "description": "The Wizard is useful for breaking down complex tasks into smaller steps."
		},
		{
		  "id": "sap.m.sample.WizardBranching",
		  "name": "Wizard branching use case",
		  "description": "The Wizard could be used in branching mode, where the choice of next step depends on the decision made for the current one."
		},
		{
		  "id": "sap.m.sample.WizardCurrentStep",
		  "name": "Wizard edit mode",
		  "description": "Demonstrates the usage of the setCurrentStep association, which controlls the current step of the wizard. This association could be used to simulate 'edit mode' for the wizard by showing all steps in the wizard, without need from the user click next button on each of them."
		},
		{
		  "id": "sap.m.sample.WizardSingleStep",
		  "name": "Wizard page mode",
		  "description": "Demonstrates the usage of the renderMode property. The Wizard is displayed inside a Dialog to allow blocking of the interface without using page context. The dynamic page is used to provide a consistent and standards-compliant look. In addition it also provides the title and footer to ensure proper Wizard function. The footer contains the Wizard's actions which allow people to navigate."
		},
		{
		  "id": "sap.m.sample.SplitApp",
		  "name": "SplitApp standard use case",
		  "description": "The SplitApp is the base for each master detail application. It extends the sap.m.SplitContainer control."
		},
		{
		  "id": "sap.m.sample.SplitContainer",
		  "name": "SplitContainer standard use case",
		  "description": "SplitContainer maintains two NavContainers if running on tablet or desktop and one NavContainer - on phone. The display of master NavContainer depends on the portrait/landscape orientation of the device and the mode of SplitContainer."
		},
		{
		  "id": "sap.m.sample.DraftIndicator",
		  "name": "Draft Indicator",
		  "description": "The Draft Indicator shows that eighter currently a draft is saving or that it is already saved. It does not block the current UI screen so other operations could be triggered in parallel."
		},
		{
		  "id": "sap.m.sample.GenericTag",
		  "name": "Generic Tag with Different Configurations",
		  "description": "Previews of the GenericTag control based on combinations of different sets of properties."
		},
		{
		  "id": "sap.m.sample.SlideTile",
		  "name": "Slide Tile",
		  "description": "Shows Generic Tile with the 2x1 frame type displayed as sliding tiles."
		},
		{
		  "id": "sap.m.sample.GenericTileStates",
		  "name": "Tile Statuses",
		  "description": "Shows the GenericTile while it is loading, if loading fails, and in disabled status."
		},
		{
		  "id": "sap.m.sample.GenericTileAsLaunchTile",
		  "name": "Launch Tile",
		  "description": "Shows Launch Tile samples that can contain header, subheader, image content, unit, and a footer."
		},
		{
		  "id": "sap.m.sample.GenericTileAsMonitorTile",
		  "name": "Monitor Tile",
		  "description": "Shows Monitor Tile samples that can contain header, subheader, icon, key value, unit, and a footer."
		},
		{
		  "id": "sap.m.sample.GenericTileAsKPITile",
		  "name": "KPI Tile",
		  "description": "Shows KPI Tile samples that can contain header, subheader, key value, trend, scale, unit, and a footer."
		},
		{
		  "id": "sap.m.sample.GenericTileAsFeedTile",
		  "name": "Feed and News Tile",
		  "description": "Shows Feed Tile and News Tile samples that can contain feed content, news content, and a footer."
		},
		{
		  "id": "sap.m.sample.GenericTileLineMode",
		  "name": "Tile Modes and Scopes",
		  "description": "Shows Generic Tile regular and in line mode, and you can switch between the display scope and actions scope for Generic Tiles on a web page."
		},
		{
		  "id": "sap.m.sample.TileContent",
		  "name": "Tile Content",
		  "description": "Shows the universal container for different content types and context information in the footer area."
		},
		{
		  "id": "sap.m.sample.HeaderContainer",
		  "name": "Header Container - Horizontal Mode",
		  "description": "The Header Container with horizontal layout. It provides horizontal scrolling on mobile devices (tablet and phone). On a desktop, it provides scroll left and scroll right buttons."
		},
		{
		  "id": "sap.m.sample.HeaderContainerNoDividers",
		  "name": "Header Container Without Dividers",
		  "description": "The Header Container without divider lines."
		},
		{
		  "id": "sap.m.sample.HeaderContainerOH",
		  "name": "Header Container With Object Header",
		  "description": "The Header Container combined with sap.m.ObjectHeader."
		},
		{
		  "id": "sap.m.sample.HeaderContainerVM",
		  "name": "Header Container - Vertical Mode",
		  "description": "The Header Container with a vertical layout and with divider lines."
		},
		{
		  "id": "sap.m.sample.HeaderContainerLazyLoading",
		  "name": "Header Container - Lazy Loading",
		  "description": "The header container with lazy loading functionality on pressing the scroll button."
		},
		{
		  "id": "sap.m.sample.Breadcrumbs",
		  "name": "Breadcrumbs sample",
		  "description": "Breadcrumbs is useful for displaying link hierarchy"
		},
		{
		  "id": "sap.m.sample.TabContainer",
		  "name": "Tab Container",
		  "description": "The sap.m.TabContainer allows for working with multiple tabs."
		},
		{
		  "id": "sap.m.sample.TabContainerMHC",
		  "name": "Tab Container - Multi-instance handling concept",
		  "description": "Allows detail view / edit in <code>sap.m.TabContainer</code> after selecting items from table."
		},
		{
		  "id": "sap.m.sample.TabContainerIcons",
		  "name": "Tab Container - with icons and additional text",
		  "description": "This example shows how you can add additional text and an Icon to the tabs in TabContainer."
		},
		{
		  "id": "sap.m.sample.PlanningCalendar",
		  "name": "simple Planning Calendar",
		  "description": "PlanningCalendar with single row selection that illustrates the built-in views."
		},
		{
		  "id": "sap.m.sample.PlanningCalendarMulti",
		  "name": "Planning Calendar - multiple selection",
		  "description": "PlanningCalendar with multiple row selection. No interval headers are displayed. On click on an interval a new appointment is created."
		},
		{
		  "id": "sap.m.sample.PlanningCalendarSingle",
		  "name": "Planning Calendar - without row header",
		  "description": "PlanningCalendar with only one row without row header.  On click on an interval a new appointment is created."
		},
		{
		  "id": "sap.m.sample.PlanningCalendarViews",
		  "name": "Planning Calendar - with custom views",
		  "description": "PlanningCalendar with custom views to set number of hours, days and months and change view description. It illustrates both built-in and custom views. Sub-intervals are shown. Custom non-working days and hours are set. In months view some appointments are grouped. The group appointment mode can be toggled to expand the appointments."
		},
		{
		  "id": "sap.m.sample.PlanningCalendarOneLine",
		  "name": "Planning Calendar - with one line appointments and multiple appointments selection option",
		  "description": "PlanningCalendar showing appointment with only title in one line to save space. The interval headers are only shown if there are some assigned in the visible area."
		},
		{
			"id": "sap.m.sample.PlanningCalendarAppointmentSizes",
			"name": "Planning Calendar - with appointments in different sizes",
			"description": "PlanningCalendar showing normal, half-sized and large appointments."
		},
		{
		  "id": "sap.m.sample.PlanningCalendarMinMax",
		  "name": "Planning Calendar - with min. and max. date",
		  "description": "PlanningCalendar with min. date 2000-01-01 and max. date 2050-12-31"
		},
		{
		  "id": "sap.m.sample.PlanningCalendarModifyAppointments",
		  "name": "Planning Calendar - with appointments modification",
		  "description": "PlanningCalendar containing sap.m.Popover with information for the appointments and sap.m.Dialog for creating a new appointment. Note: Illustrates how the PlanningCalendar can be used in combination with the sap.m.Popover and sap.m.Dialog controls for details/create. These features are NOT part of the control."
		},
		{
		  "id": "sap.m.sample.PlanningCalendarWithLegend",
		  "name": "Planning Calendar - with legend and option to change the first day of week",
		  "description": "PlanningCalendar inside the main part of a sap.ui.layout.DynamicSideContent and a sap.m.PlanningCalendarLegend inside the side part. The legend includes calendar and appointments sections. For each sap.m.PlanningCalendarRow in the sap.m.PlanningCalendar some specific special dates of type non-working are set."
		},
		{
		  "id": "sap.m.sample.PlanningCalendarDnD",
		  "name": "Planning Calendar - Drag and Drop",
		  "description": "PlanningCalendar with draggable appointments. The sample represents three possible roles. If you are logged as an Admin, you can move appointments both within the same row and between different rows without any restrictions. As a Manager, you have the same rights as the Admin but appointments can be dropped only on free slots (no overlapping). As a team member you can only move the appointments within your own row. By pressing Ctrl/Cmd while dragging, the dropped appointment will copy the initial one."
		},
		{
		  "id": "sap.m.sample.PlanningCalendarWithStickyHeader",
		  "name": "Planning Calendar - with header that remains visible (fixed on top) on scroll",
		  "description": "PlanningCalendar with header area that remains visible (fixed on top) when the rest of the content is scrolled out of view."
		},
		{
			"id": "sap.m.sample.PlanningCalendarRelativeViews",
			"name": "Planning Calendar - with relative views",
			"description": "PlanningCalendar with relative views. The relative periods are not directly related to dates, but periods with pre-defined duration."
		  },
		{
		  "id": "sap.m.sample.SinglePlanningCalendar",
		  "name": "Single Planning Calendar",
		  "description": "This sample demonstrates most of the features available for the SinglePlanningCalendar control."
		},
		{
		  "id": "sap.m.sample.SinglePlanningCalendarWithCustomViews",
		  "name": "Single Planning Calendar with Custom Views",
		  "description": "SinglePlanningCalendar showing the provided predefined views and custom views."
		},
		{
		  "id": "sap.m.sample.SinglePlanningCalendarWithLegend",
		  "name": "Single Planning Calendar with Legend and defined working hours",
		  "description": "SinglePlanningCalendar and PlanningCalendarLegend controls used as main and side parts of an sap.ui.layout.DynamicSideContent control. The calendar also shows the daily working hours."
		},
		{
			"id": "sap.m.sample.SinglePlanningCalendarWithZoomInZoomOut",
			"name": "Single Planning Calendar with Zoom In and Zoom Out behavior",
			"description": "SinglePlanningCalendar with enabled Zoom In and Zoom Out functionality."
		},
		{
		  "id": "sap.m.sample.SinglePlanningCalendarDND",
		  "name": "Single Planning Calendar with Drag and Drop",
		  "description": "SinglePlanningCalendar with enabled drag and drop functionality, allowing to create appointments with dragging and dropping, to change the start and end date of appointments by selecting and dragging their top or bottom end, and to copy and paste appointments."
		},
		{
		  "id": "sap.m.sample.SinglePlanningCalendarSnappingHeader",
		  "name": "Single Planning Calendar with Snapping Header and option to change the first day of week",
		  "description": "SinglePlanningCalendar showing the modes for snapping the header part of the calendar."
		},
		{
		  "id": "sap.m.sample.SinglePlanningCalendarCreateApp",
		  "name": "Single Planning Calendar - Create and Modify Appointments",
		  "description": "This sample demonstrates how the SinglePlanningCalendar control can be used in combination with sap.m.Dialog to create new appointments and sap.m.ResponsivePopover to edit already existing appointments. It also showcases how appointments can be deleted. Please note that these features are not part of the control."
		},
		{
		  "id": "sap.m.sample.ImageContent",
		  "name": "ImageContent",
		  "description": "Shows ImageContent that can include an icon, a profile image, or a logo with a tooltip."
		},
		{
		  "id": "sap.m.sample.ColorPalettePopover",
		  "name": "Color Palette as popover",
		  "description": "The ColorPalette in a popover (by use of thin wrapper control <code>sap.m.ColorPalettePopover</code>)."
		},
		{
		  "id": "sap.m.sample.ColorPalette",
		  "name": "Color Palette in a form",
		  "description": "The standalone ColorPalette in a container (<code>sap.ui.layout.SimpleForm</code>)."
		},
		{
		  "id": "sap.m.sample.TsTodos.webapp",
		  "name": "TypeScript To-Do List",
		  "description": "This to-do app demonstrates a TypeScript setup for developing UI5 applications."
		}
		]
	}
}
