fix(ui5-flexible-column-layout): rename noArrows property to hideArrows (#3352)

Part of #3107

BREAKING_CHANGE: rename noArrows property to hideArrows

Author: fifoosid

packages/fiori/src/FlexibleColumnLayout.js

@@ -77,8 +77,9 @@ const metadata = {
 		* @type {boolean}
 		* @defaultvalue false
 		* @public
+		* @since 1.0.0-rc.15
 		*/
-		noArrows: {
+		hideArrows: {
 			type: Boolean,
 		},
 
@@ -592,11 +593,11 @@ class FlexibleColumnLayout extends UI5Element {
 	}
 
 	get showStartArrow() {
-		return this.noArrows ? false : this.startArrowVisibility;
+		return this.hideArrows ? false : this.startArrowVisibility;
 	}
 
 	get showEndArrow() {
-		return this.noArrows ? false : this.endArrowVisibility;
+		return this.hideArrows ? false : this.endArrowVisibility;
 	}
 
 	get startArrowVisibility() {

packages/fiori/test/pages/FCL.html

@@ -227,11 +227,11 @@
 
 	<!-- ex2 -->
 	<br><br>
-	<ui5-title class="sectionTitle">Master-Detail: Detail expanded + no-arrows</ui5-title>
+	<ui5-title class="sectionTitle">Master-Detail: Detail expanded + hide-arrows</ui5-title>
 	<ui5-toggle-button id="switchBtn2" class="testButton">Set to TwoColumnsMidExpanded</ui5-toggle-button>
 	<br><br>
 
-	<ui5-flexible-column-layout id="fcl2" layout="TwoColumnsMidExpanded" no-arrows>
+	<ui5-flexible-column-layout id="fcl2" layout="TwoColumnsMidExpanded" hide-arrows>
 			<!-- start column -->
 			<div style="box-sizing: border-box;" slot="startColumn">
 				<div style="padding: 1rem">