<commit_before><!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>TabContainer - sap.ui.webc.main</title>
    <script src="shared-config.js"></script>
    <script src="../../../../../resources/sap-ui-core.js"
        id="sap-ui-bootstrap"
        data-sap-ui-libs="sap.ui.webc.main"
        data-sap-ui-resourceroots='{
            "qunit.internal.acc": "../../../../../test-resources/sap/ui/core/qunit/internal/acc"
        }'>
    </script>

    <script>
        sap.ui.getCore().attachInit(function() {
            sap.ui.require([
                "sap/ui/webc/main/TabContainer",
                "sap/ui/webc/main/Tab",
                "sap/ui/webc/main/Button",
                "sap/ui/webc/main/TabSeparator"
            ], function(
                TabContainer, Tab, Button, TabSeparator
            ) {


                var oTabContainer = new TabContainer({
                    items: [
                        new Tab({
                            additionalText: "Some text...",
                            icon: "employee",
                            text: "Some text...",
                            content: [
                                new Button({
                                    icon: "employee",
                                    text: "Some text...",
                                    click: function(oEvent) {
                                        console.log("Event click fired for Button with parameters: ", oEvent.getParameters());
                                    }
                                }),
                                new Button({
                                    icon: "employee",
                                    text: "Some text...",
                                    click: function(oEvent) {
                                        console.log("Event click fired for Button with parameters: ", oEvent.getParameters());
                                    }
                                }),
                                new Button({
                                    icon: "employee",
                                    text: "Some text...",
                                    click: function(oEvent) {
                                        console.log("Event click fired for Button with parameters: ", oEvent.getParameters());
                                    }
                                })
                            ]
                        }),
                        new TabSeparator({

                        }),
                        new Tab({
                            additionalText: "Some text...",
                            icon: "employee",
                            text: "Some text...",
                            content: [
                                new Button({
                                    icon: "employee",
                                    text: "Some text...",
                                    click: function(oEvent) {
                                        console.log("Event click fired for Button with parameters: ", oEvent.getParameters());
                                    }
                                }),
                                new Button({
                                    icon: "employee",
                                    text: "Some text...",
                                    click: function(oEvent) {
                                        console.log("Event click fired for Button with parameters: ", oEvent.getParameters());
                                    }
                                }),
                                new Button({
                                    icon: "employee",
                                    text: "Some text...",
                                    click: function(oEvent) {
                                        console.log("Event click fired for Button with parameters: ", oEvent.getParameters());
                                    }
                                })
                            ]
                        })
                    ],
                    overflowButton: new Button({
                        icon: "employee",
                        text: "Some text...",
                        click: function(oEvent) {
                            console.log("Event click fired for Button with parameters: ", oEvent.getParameters());
                        }
                    }),
                    startOverflowButton: new Button({
                        icon: "employee",
                        text: "Some text...",
                        click: function(oEvent) {
                            console.log("Event click fired for Button with parameters: ", oEvent.getParameters());
                        }
                    }),
                    tabSelect: function(oEvent) {
                        console.log("Event tabSelect fired for TabContainer with parameters: ", oEvent.getParameters());
                    }
                });
                oTabContainer.placeAt("testControl");
            });
        });
    </script>
</head>

<body id="body" class="sapUiBody">
    <div id="methodButtons"></div>
    <br><br>
    <div id="testControl"></div>
</body>

</html><commit_msg>[INTERNAL] UI5 WC Enablement: Test page added for TabContainer<commit_after><!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<title>TabContainer - sap.ui.webc.main</title>
	<script src="shared-config.js"></script>
	<script src="../../../../../resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-libs="sap.ui.webc.main"
		data-sap-ui-resourceroots='{
			"qunit.internal.acc": "../../../../../test-resources/sap/ui/core/qunit/internal/acc"
		}'>
		</script>

	<script>
		sap.ui.getCore().attachInit(function () {
			sap.ui.require([
				"sap/ui/webc/main/TabContainer",
				"sap/ui/webc/main/Tab",
				"sap/ui/webc/main/Button",
				"sap/ui/webc/main/TabSeparator",
				"sap/ui/webc/main/Label"
			], function (
				TabContainer, Tab, Button, TabSeparator, Label
			) {

				var oLabelTwoClickAreasTextOnly= new Label({
					text: "Text only TabContainer with sub tabs (Two click areas)"
				});

				var oTabContainerTwoClickAreasTextOnly = new TabContainer({
					items: [
						new Tab({
							text: "Tab 1",
							content: [
								new Button({
									text: "Tab 1"
								})
							],
							subTabs: [
								new Tab({
									text: "Tab 1.1",
									content: [
										new Button({
											text: "Tab 1.1"
										})
									]
								}),
								new Tab({
									text: "Tab 1.2",
									design: "Critical",
									content: [
										new Button({
											text: "Tab 1.2",
											design: "Attention"
										})
									],
									subTabs: [
											new Tab({
											text: "Tab 1.2.1",
											content: [
												new Button({
													text: "Tab 1.2.1"
												})
											],
											subTabs: [
												new Tab({
													text: "Tab 1.2.1.1",
													design: "Positive",
													content: [
														new Button({
															text: "Tab 1.2.1.1"
														})
													]
												}),
												new Tab({
													text: "Tab 1.2.1.2",
													design: "Negative",
													content: [
														new Button({
															text: "Tab 1.2.1.2"
														})
													]
												})
											]
										}),
										new Tab({
											text: "Tab 1.2.2",
											content: [
												new Button({
													text: "Tab 1.2.2"
												})
											]
										})
									]
								}),
								new Tab({
									text: "Tab 1.3",
									content: [
										new Button({
											text: "Tab 1.3"
										})
									]
								}),
								new Tab({
									text: "Tab 1.4",
									content: [
										new Button({
											text: "Tab 1.4"
										})
									]
								}),
								new Tab({
									text: "Tab 1.5",
									content: [
										new Button({
											text: "Tab 1.5"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab 2",
							content: [
								new Button({
									text: "Tab 2"

								})
							]
						}),
						new Tab({
							text: "Tab 3",
							enabled: false,
							content: [
								new Button({
									text: "Tab 3"
								})
							]
						}),
						new Tab({
							text: "Tab 4",
							content: [
								new Button({
									text: "Tab 4"
								})
							],
							subTabs: [
								new Tab({
									text: "Tab 4.1",
									content: [
										new Button({
											text: "Tab 4.1"
										})
									]
								}),
								new TabSeparator("separator", {

								}),
								new Tab({
									text: "Tab 4.2",
									content: [
										new Button({
											text: "Tab 4.2"
										})
									]
								}),
								new Tab({
									text: "Tab 4.3",
									content: [
										new Button({
											text: "Tab 4.3"
										})
									]
								}),
								new Tab({
									text: "Tab 4.4",
									content: [
										new Button({
											text: "Tab 4.4"
										})
									]
								}),
								new Tab({
									text: "Tab 4.5",
									content: [
										new Button({
											text: "Tab 4.5"
										})
									]
								}),
								new TabSeparator({}),
								new Tab({
									text: "Tab 4.6",
									content: [
										new Button({
											text: "Tab 4.6"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab 5",
							design: "Positive",
							content: [
								new Button({
									text: "Tab 5"
								})
							]
						}),
						new Tab({
							text: "Tab 6",
							design: "Negative",
							content: [
								new Button({
									text: "Tab 6"
								})
							]
						}),
						new Tab({
							text: "Tab 7",
							design: "Critical",
							content: [
								new Button({
									text: "Tab 7"
								})
							],
							subTabs: [
									new Tab({
									text: "Tab 7.1",
									content: [
										new Button({
											text: "Tab 7.1"
										})
									],
									subTabs: [
										new Tab({
											text: "Tab 7.1.1",
											content: [
												new Button({
													text: "Tab 7.1.1"
												})
											],
											subTabs: [
												new Tab({
													text: "Tab 7.1.1.1",
													content: [
														new Button({
															text: "Tab 7.1.1.1"
														})
													]
												}),
												new Tab({
													text: "Tab 7.1.1.2",
													content: [
														new Button({
															text: "Tab 7.1.1.2"
														})
													]
												}),
												new Tab({
													text: "Tab 7.1.1.3",
													content: [
														new Button({
															text: "Tab 7.1.1.3"
														})
													]
												}),
												new Tab({
													text: "Tab 7.1.1.4",
													content: [
														new Button({
															text: "Tab 7.1.1.4"
														})
													]
												})
											]
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab 8",
							content: [
								new Button({
									text: "Tab 8"
								})
							]
						}),
						new Tab({
							text: "Tab 9",
							content: [
								new Button({
									text: "Tab 9"
								})
							]
						}),
						new Tab({
							text: "Tab 10",
							content: [
								new Button({
									text: "Tab 10"
								})
							]
						}),
						new Tab({
							text: "Tab 11",
							content: [
								new Button({
									text: "Tab 11"
								})
							]
						}),
						new Tab({
							text: "Tab 12",
							content: [
								new Button({
									text: "Tab 12"
								})
							]
						}),
						new Tab({
							text: "Tab 13",
							content: [
								new Button({
									text: "Tab 13"
								})
							]
						}),
						new Tab({
							text: "Tab 14",
							content: [
								new Button({
									text: "Tab 14"
								})
							]
						}),
						new Tab({
							text: "Tab 15",
							content: [
								new Button({
									text: "Tab 15"
								})
							]
						}),
						new Tab({
							text: "Tab 16 With Very Long Tab Name",
							content: [
								new Button({
									text: "Tab 16"
								})
							]
						}),
						new Tab({
							text: "Tab 17",
							content: [
								new Button({
									text: "Tab 17"
								})
							],
							subTabs: [
								new Tab({
									text: "Tab 17.1",
									content: [
										new Button({
											text: "Tab 17.1"
										})
									]
								}),
								new Tab({
									text: "Tab 17.2",
									content: [
										new Button({
											text: "Tab 17.2"
										})
									],
									subTabs: [
										new Tab({
											text: "Tab 17.2.1",
											content: [
												new Button({
													text: "Tab 17.2.1"
												})
											]
										}),
										new Tab({
											text: "Tab 17.2.2",
											content: [
												new Button({
													text: "Tab 17.2.2"
												})
											],
											subTabs: [
												new Tab({
													text: "Tab 172.16.17.32",
													content: [
														new Button({
															text: "Tab 172.16.17.32"
														})
													]
												}),
												new Tab({
													text: "Tab 172.16.17.32",
													design: "Critical",
													content: [
														new Button({
															text: "Tab 172.16.17.32"
														})
													]
												}),
												new Tab({
													text: "Tab 172.16.31.10",
													content: [
														new Button({
															text: "Tab 172.16.31.10"
														})
													]
												})
											]
										})
									]
								}),
								new Tab({
									text: "Tab 17.3",
									content: [
										new Button({
											text: "Tab 17.3"
										})
									]
								}),
								new Tab({
									text: "Tab 17.4",
									content: [
										new Button({
											text: "Tab 17.4"
										})
									]
								}),
								new Tab({
									text: "Tab 17.5",
									content: [
										new Button({
											text: "Tab 17.5"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab 18",
							content: [
								new Button({
									text: "Tab 18"
								})
							]
						}),
						new Tab({
							text: "Tab 19",
							content: [
								new Button({
									text: "Tab 19"
								})
							]
						}),
						new Tab({
							text: "Tab 20",
							content: [
								new Button({
									text: "Tab 20"
								})
							]
						}),
						new Tab({
							text: "Tab 21",
							content: [
								new Button({
									text: "Tab 21"
								})
							]
						}),
						new Tab({
							text: "Tab 22",
							content: [
								new Button({
									text: "Tab 22"
								})
							]
						}),
						new Tab({
							text: "Tab 23",
							content: [
								new Button({
									text: "Tab 23"
								})
							]
						}),
						new Tab({
							text: "Tab 24",
							content: [
								new Button({
									text: "Tab 24"
								})
							]
						})
					]
				});

				var oLabelStartAndEndOverflow = new Label({
					text: "Text only TabContainer with sub Tabs and start and end overflow (Two click areas)"
				});

				var oTabContainerStartAndEndOverflow = new TabContainer({
					tabsOverflowMode: "StartAndEnd",
					items: [
						new Tab({
							text: "Tab 1",
							content: [
								new Button({
									text: "Tab 1"
								})
							],
							subTabs: [
								new Tab({
									text: "Tab 1.1",
									content: [
										new Button({
											text: "Tab 1.1"
										})
									]
								}),
								new Tab({
									text: "Tab 1.2",
									design: "Critical",
									content: [
										new Button({
											text: "Tab 1.2",
											design: "Attention"
										})
									],
									subTabs: [
										new Tab({
											text: "Tab 1.2.1",
											content: [
												new Button({
													text: "Tab 1.2.1"
												})
											],
											subTabs: [
												new Tab({
													text: "Tab 1.2.1.1",
													design: "Positive",
													content: [
														new Button({
															text: "Tab 1.2.1.1"
														})
													]
												}),
												new Tab({
													text: "Tab 1.2.1.2",
													design: "Negative",
													content: [
														new Button({
															text: "Tab 1.2.1.2"
														})
													]
												})
											]
										}),
										new Tab({
											text: "Tab 1.2.2",
											content: [
												new Button({
													text: "Tab 1.2.2"
												})
											]
										})
									]
								}),
								new Tab({
									text: "Tab 1.3",
									content: [
										new Button({
											text: "Tab 1.3"
										})
									]
								}),
								new Tab({
									text: "Tab 1.4",
									content: [
										new Button({
											text: "Tab 1.4"
										})
									]
								}),
								new Tab({
									text: "Tab 1.5",
									content: [
										new Button({
											text: "Tab 1.5"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab 2",
							content: [
								new Button({
									text: "Tab 2"

								})
							]
						}),
						new Tab({
							text: "Tab 3",
							enabled: false,
							content: [
								new Button({
									text: "Tab 3"
								})
							]
						}),
						new Tab({
							text: "Tab 4",
							content: [
								new Button({
									text: "Tab 4"
								})
							],
							subTabs: [
								new Tab({
									text: "Tab 4.1",
									content: [
										new Button({
											text: "Tab 4.1"
										})
									]
								}),
								new Tab({
									text: "Tab 4.2",
									content: [
										new Button({
											text: "Tab 4.2"
										})
									]
								}),
								new Tab({
									text: "Tab 4.3",
									content: [
										new Button({
											text: "Tab 4.3"
										})
									]
								}),
								new Tab({
									text: "Tab 4.4",
									content: [
										new Button({
											text: "Tab 4.4"
										})
									]
								}),
								new Tab({
									text: "Tab 4.5",
									content: [
										new Button({
											text: "Tab 4.5"
										})
									]
								}),
								new Tab({
									text: "Tab 4.6",
									content: [
										new Button({
											text: "Tab 4.6"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab 5",
							design: "Positive",
							content: [
								new Button({
									text: "Tab 5"
								})
							]
						}),
						new Tab({
							text: "Tab 6",
							design: "Negative",
							content: [
								new Button({
									text: "Tab 6"
								})
							]
						}),
						new Tab({
							text: "Tab 7",
							design: "Critical",
							content: [
								new Button({
									text: "Tab 7"
								})
							],
							subTabs: [
								new Tab({
									text: "Tab 7.1",
									content: [
										new Button({
											text: "Tab 7.1"
										})
									],
									subTabs: [
										new Tab({
											text: "Tab 7.1.1",
											content: [
												new Button({
													text: "Tab 7.1.1"
												})
											],
											subTabs: [
												new Tab({
													text: "Tab 7.1.1.1",
													content: [
														new Button({
															text: "Tab 7.1.1.1"
														})
													]
												}),
												new Tab({
													text: "Tab 7.1.1.2",
													content: [
														new Button({
															text: "Tab 7.1.1.2"
														})
													]
												}),
												new Tab({
													text: "Tab 7.1.1.3",
													content: [
														new Button({
															text: "Tab 7.1.1.3"
														})
													]
												}),
												new Tab({
													text: "Tab 7.1.1.4",
													content: [
														new Button({
															text: "Tab 7.1.1.4"
														})
													]
												})
											]
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab 8",
							content: [
								new Button({
									text: "Tab 8"
								})
							]
						}),
						new Tab({
							text: "Tab 9",
							content: [
								new Button({
									text: "Tab 9"
								})
							]
						}),
						new Tab({
							text: "Tab 10",
							content: [
								new Button({
									text: "Tab 10"
								})
							]
						}),
						new Tab({
							text: "Tab 11",
							content: [
								new Button({
									text: "Tab 11"
								})
							]
						}),
						new Tab({
							text: "Tab 12",
							content: [
								new Button({
									text: "Tab 12"
								})
							]
						}),
						new Tab({
							text: "Tab 13",
							selected: true,
							content: [
								new Button({
									text: "Tab 13"
								})
							]
						}),
						new Tab({
							text: "Tab 14",
							content: [
								new Button({
									text: "Tab 14"
								})
							]
						}),
						new Tab({
							text: "Tab 15",
							content: [
								new Button({
									text: "Tab 15"
								})
							]
						}),
						new Tab({
							text: "Tab 16 With Very Long Tab Name",
							content: [
								new Button({
									text: "Tab 16"
								})
							]
						}),
						new Tab({
							text: "Tab 17",
							content: [
								new Button({
									text: "Tab 17"
								})
							],
							subTabs: [
								new Tab({
									text: "Tab 17.1",
									content: [
										new Button({
											text: "Tab 17.1"
										})
									]
								}),
								new Tab({
									text: "Tab 17.2",
									content: [
										new Button({
											text: "Tab 17.2"
										})
									],
									subTabs: [
										new Tab({
											text: "Tab 17.2.1",
											content: [
												new Button({
													text: "Tab 17.2.1"
												})
											]
										}),
										new Tab({
											text: "Tab 17.2.2",
											content: [
												new Button({
													text: "Tab 17.2.2"
												})
											],
											subTabs: [
												new Tab({
													text: "Tab 172.16.17.32",
													content: [
														new Button({
															text: "Tab 17.2.2.1"
														})
													]
												}),
												new Tab({
													text: "Tab 172.16.17.32",
													design: "Critical",
													content: [
														new Button({
															text: "Tab 17.2.2.2"
														})
													]
												}),
												new Tab({
													text: "Tab 172.16.31.10",
													content: [
														new Button({
															text: "Tab 172.16.31.10"
														})
													]
												})
											]
										})
									]
								}),
								new Tab({
									text: "Tab 17.3",
									content: [
										new Button({
											text: "Tab 17.3"
										})
									]
								}),
								new Tab({
									text: "Tab 17.4",
									content: [
										new Button({
											text: "Tab 17.4"
										})
									]
								}),
								new Tab({
									text: "Tab 17.5",
									content: [
										new Button({
											text: "Tab 17.5"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab 18",
							content: [
								new Button({
									text: "Tab 18"
								})
							]
						}),
						new Tab({
							text: "Tab 19",
							content: [
								new Button({
									text: "Tab 19"
								})
							]
						}),
						new Tab({
							text: "Tab 20",
							content: [
								new Button({
									text: "Tab 20"
								})
							]
						}),
						new Tab({
							text: "Tab 21",
							content: [
								new Button({
									text: "Tab 21"
								})
							]
						}),
						new Tab({
							text: "Tab 22",
							content: [
								new Button({
									text: "Tab 22"
								})
							]
						}),
						new Tab({
							text: "Tab 23",
							content: [
								new Button({
									text: "Tab 23"
								})
							]
						}),
						new Tab({
							text: "Tab 24",
							content: [
								new Button({
									text: "Tab 24"
								})
							]
						})
					]
				});

				var oLabelWithoutOwnContent = new Label({
					text: "Text only TabContainer with Tabs Without own content"
				});

				var oTabContainerWithoutOwnContent = new TabContainer({
					items: [
						new Tab({
							text: "1.Tab",
							subTabs: [
								new Tab({
									text: "1.1.Tab",
									content: [
										new Button({
											text: "1.1.Tab"
										})
									]
								}),
								new Tab({
									design: "Critical",
									text: "1.2.Tab",
									content: [
										new Button({
											text: "1.2.Tab"
										})
									],
									subTabs: [
										new Tab({
											text: "1.2.1.Tab",
											content: [
												new Button({
													text: "1.2.1.Tab"
												})
											],
											subTabs: [
												new Tab({
													design: "Positive",
													text: "1.2.1.1.Tab",
													content: [
														new Button({
															text: "1.2.1.1.Tab"
														})
													]
												}),
												new Tab({
													design: "Negative",
													text: "1.2.1.2.Tab",
													content: [
														new Button({
															text: "1.2.1.2.Tab"
														})
													]
												})
											]
										}),
										new Tab({
											text: "1.2.2.Tab",
											content: [
												new Button({
													text: "1.2.2.Tab"
												})
											]
										})
									]
								})
							]
						}),
						new Tab({
							text: "2.Tab",
							subTabs: [
								new Tab({
									text: "2.1.Tab",
									content: [
										new Button({
											text: "2.1.Tab"
										})
									]
								}),
								new Tab({
									text: "2.2.Tab",
									content: [
										new Button({
											text: "2.2.Tab"
										})
									]
								})
							]
						})
					]
				});

				var oLabelTextAndIcons = new Label({
					text: "Text only TabContainer with tabs and icons"
				});

				var oTabContainerTextAndIcons = new TabContainer({
					items: [
						new Tab({
							text: "1.Tab - Two click areas",
							icon: "sap-icon://shipping-status",
							content: [
								new Label({
									text: "Tab 1"
								})
							],
							subTabs: [
								new Tab({
									text: "1.1.Tab",
									content: [
										new Label({
											text: "Tab 1.1"
										})
									]
								}),
								new Tab({
									design: "Critical",
									text: "1.2.Tab",
									icon: "sap-icon://shipping-status",
									content: [
										new Label({
											text: "Tab 1.2"
										})
									]
								}),
								new Tab({
									text: "1.3.Tab",
									content: [
										new Label({
											text: "Tab 1.3"
										})
									]
								})
							]
						}),
						new Tab({
							icon: "sap-icon://shipping-status",
							text: "2.Tab",
							content: [
								new Label({
									text: "Tab 2"
								})
							]
						}),
						new Tab({
							text: "3.Tab",
							icon: "sap-icon://shipping-status",
							enabled: false,
							content: [
								new Label({
									text: "Tab 3"
								})
							]
						}),
						new Tab({
							design: "Positive",
							text: "4.Tab",
							icon: "sap-icon://shipping-status",
							content: [
								new Label({
									text: "Tab 4"
								})
							]
						}),
						new Tab({
							design: "Negative",
							text: "5.Tab",
							icon: "sap-icon://shipping-status",
							content: [
								new Label({
									text: "Tab 5"
								})
							]
						}),
						new Tab({
							design: "Critical",
							text: "6.Tab",
							icon: "sap-icon://shipping-status",
							content: [
								new Label({
									text: "Tab 6"
								})
							],
							subTabs: [
								new TabSeparator({}),
								new Tab({
									icon: "sap-icon://shipping-status",
									text: "6.1.Tab",
									content: [
										new Label({
											text: "Tab 6.1"
										})
									],
									subTabs: [
										new Tab({
											text: "6.1.1.Tab",
											content: [
												new Label({
													text: "Tab 6.1.1"
												})
											],
											subTabs: [
												new Tab({
													text: "6.1.1.1.Tab",
													content: [
														new Label({
															text: "Tab 6.1.1.1"
														})
													]
												}),
												new Tab({
													text: "6.1.1.2.Tab",
													content: [
														new Label({
															text: "Tab 6.1.1.2"
														})
													]
												}),
												new Tab({
													text: "6.1.1.3.Tab",
													content: [
														new Label({
															text: "Tab 6.1.1.3"
														})
													]
												}),
												new Tab({
													text: "6.1.1.4.Tab",
													icon: "sap-icon://shipping-status",
													content: [
														new Label({
															text: "Tab 6.1.1.4"
														})
													]
												})
											]
										})
									]
								})
							]
						}),
						new Tab({
							text: "8.Tab",
							icon: "sap-icon://shipping-status",
							content: [
								new Label({
									text: "Tab 8"
								})
							]
						})
					]
				});

				var oLabelAdditionalText = new Label({
					text: "TabContainer with additional text Without icons"
				});

				var oTabContainerAdditionalText = new TabContainer({
					items: [
						new Tab({
							text: "Text Only Without Content",
							additionalText: "8",
							subTabs: [
								new Tab({
									text: "Ipsum",
									additionalText: "2",
									content: [
										new Label({
											text: "Ipsum 2"
										})
									]
								}),
								new Tab({
									text: "Ipsum Lorem",
									additionalText: "666",
									content: [
										new Label({
											text: "Ipsum Lorem 666"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Sub Tabs Without Icon",
							additionalText: "1",
							content: [
								new Label({
									text: "Sub Tabs Without Icon"
								})
							],
							subTabs: [
								new Tab({
									text: "Lorem",
									additionalText: "13",
									content: [
										new Label({
											text: "Lorem 13"
										})
									]
								}),
								new Tab({
									text: "Lorem Ipsum",
									additionalText: "24",
									content: [
										new Label({
											text: "Lorem Ipsum 24"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Ipsum",
							additionalText: "3",
							content: [
								new Label({
									text: "Lorem Ipsum 3"
								})
							]
						}),
						new Tab({
							text: "Lorem Ipsum",
							additionalText: "4",
							content: [
								new Label({
									text: "Lorem Ipsum 4"
								})
							]
						}),
						new Tab({
							text: "Lorem",
							additionalText: "5",
							content: [
								new Label({
									text: "Lorem Ipsum 5"
								})
							]
						})
					]
				});

				var oLabelAdditionalTextAndIcons = new Label({
					text: "TabContainer with additional text with icons"
				});

				var oTabContainerAdditionalTextAndIcons = new TabContainer({
					items: [
						new Tab({
							text: "With Icon",
							additionalText: "8",
							icon: "sap-icon://activities",
							content: [
								new Label({
									text: "Lorem 8"
								})
							],
							subTabs: [
								new Tab({
									text: "Ipsum",
									additionalText: "2",
									icon: "sap-icon://activities",
									content: [
										new Label({
											text: "Ipsum 2"
										})
									]
								}),
								new Tab({
									text: "Ipsum Lorem",
									additionalText: "666",
									icon: "sap-icon://activities",
									content: [
										new Label({
											text: "Ipsum Lorem 666"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Without Content",
							additionalText: "1",
							icon: "sap-icon://activities",
							subTabs: [
								new Tab({
									text: "Lorem",
									additionalText: "13",
									icon: "sap-icon://activities",
									content: [
										new Label({
											text: "Lorem 13"
										})
									]
								}),
								new Tab({
									text: "Lorem Ipsum",
									additionalText: "24",
									icon: "sap-icon://activities",
									content: [
										new Label({
											text: "Lorem Ipsum 24"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Tab",
							additionalText: "3",
							icon: "sap-icon://activities",
							content: [
								new Label({
									text: "Lorem Ipsum 3"
								})
							]
						}),
						new Tab({
							text: "With",
							additionalText: "4",
							icon: "sap-icon://activities",
							content: [
								new Label({
									text: "Lorem Ipsum 4"
								})
							]
						}),
						new Tab({
							text: "Icon",
							additionalText: "5",
							icon: "sap-icon://activities",
							content: [
								new Label({
									text: "Lorem Ipsum 5"
								})
							]
						})
					]
				});

				var oLabelTabLayoutInlineIcons = new Label({
					text: "TabContainer with inline TabLayout and Icons"
				});

				var oTabContainerTabLayoutInlineIcons = new TabContainer({
					tabLayout: "Inline",
					items: [
						new Tab({
							text: "Inline with icon",
							additionalText: "8",
							icon: "sap-icon://home",
							content: [
								new Label({
									text: "Lorem 8"
								})
							],
							subTabs: [
								new Tab({
									text: "Ipsum",
									additionalText: "2",
									icon: "sap-icon://home",
									content: [
										new Label({
											text: "Ipsum 2"
										})
									]
								}),
								new Tab({
									text: "Ipsum Lorem",
									additionalText: "666",
									icon: "sap-icon://home",
									content: [
										new Label({
											text: "Ipsum Lorem 666"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Without Own Content",
							additionalText: "1",
							icon: "sap-icon://home",
							subTabs: [
								new Tab({
									text: "Lorem",
									additionalText: "13",
									icon: "sap-icon://home",
									content: [
										new Label({
											text: "Lorem 13"
										})
									]
								}),
								new Tab({
									text: "Lorem Ipsum",
									additionalText: "24",
									icon: "sap-icon://home",
									content: [
										new Label({
											text: "Lorem Ipsum 24"
										})
									]
								})
							]
						})
					]
				});

				var oLabelTabLayoutInline = new Label({
					text: "TabContainer with inline TabLayout Without Icons"
				});

				var oTabContainerTabLayoutInline = new TabContainer({
					tabLayout: "Inline",
					items: [
						new Tab({
							text: "Inline Without Icon",
							additionalText: "8",
							content: [
								new Label({
									text: "Lorem 8"
								})
							],
							subTabs: [
								new Tab({
									text: "Ipsum",
									additionalText: "2",
									content: [
										new Label({
											text: "Ipsum 2"
										})
									]
								}),
								new Tab({
									text: "Ipsum Lorem",
									additionalText: "666",
									content: [
										new Label({
											text: "Ipsum Lorem 666"
										})
									]
								})
							]
						}),
						new Tab({
							text: "Without own content",
							additionalText: "1",
							subTabs: [
								new Tab({
									text: "Lorem",
									additionalText: "13",
									content: [
										new Label({
											text: "Lorem 13"
										})
									]
								}),
								new Tab({
									text: "Lorem Ipsum",
									additionalText: "24",
									content: [
										new Label({
											text: "Lorem Ipsum 24"
										})
									]
								})
							]
						})
					]
				});

				oLabelTwoClickAreasTextOnly.placeAt("tabContainers");
				oTabContainerTwoClickAreasTextOnly.placeAt("tabContainers");

				oLabelStartAndEndOverflow.placeAt("tabContainers");
				oTabContainerStartAndEndOverflow.placeAt("tabContainers");

				oLabelWithoutOwnContent.placeAt("tabContainers");
				oTabContainerWithoutOwnContent.placeAt("tabContainers");

				oLabelTextAndIcons.placeAt("tabContainers");
				oTabContainerTextAndIcons.placeAt("tabContainers");

				oLabelAdditionalText.placeAt("tabContainers");
				oTabContainerAdditionalText.placeAt("tabContainers");

				oLabelAdditionalTextAndIcons.placeAt("tabContainers");
				oTabContainerAdditionalTextAndIcons.placeAt("tabContainers");

				oLabelTabLayoutInline.placeAt("tabContainers");
				oTabContainerTabLayoutInline.placeAt("tabContainers");

				oLabelTabLayoutInlineIcons.placeAt("tabContainers");
				oTabContainerTabLayoutInlineIcons.placeAt("tabContainers");
			});
		});
	</script>
</head>

<body id="body" class="sapUiBody">
	<br><br>
	<div id="tabContainers"></div>
</body>

</html>
{'fraction_non_alphanumeric': 0.13310488836536918, 'fraction_numerical': 0.020881297852974247, 'mean_word_length': 0.852099757052903, 'pattern_counts': {'":': 2, '<': 45, '<?xml version=': 0, '>': 45, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 48, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 36, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6438318', 'n_tokens_mistral': 23139, 'n_tokens_neox': 10894, 'n_words': 2419}