refactor(ui5-messagestrip): rename hideCloseButton property to noCloseButton (#508)

Author: fifoosid

packages/main/src/MessageStrip.hbs

@@ -10,7 +10,7 @@
 	<span class="ui5-messagestrip-hidden-text">{{hiddenText}}</span>
 	<span class="{{classes.label}}"><slot></slot></span>
 
-	{{#unless hideCloseButton}}
+	{{#unless noCloseButton}}
 		<ui5-icon
 			class="{{classes.closeIcon}}"
 			src="sap-icon://decline"

packages/main/src/MessageStrip.js

@@ -74,7 +74,7 @@ const metadata = {
 		 * @defaultvalue false
 		 * @public
 		 */
-		hideCloseButton: {
+		noCloseButton: {
 			type: Boolean,
 		},
 
@@ -208,15 +208,15 @@ class MessageStrip extends UI5Element {
 		return {
 			label: {
 				"ui5-messagestrip-text": true,
-				"ui5-messagestripNoCloseButton": this.hideCloseButton,
+				"ui5-messagestripNoCloseButton": this.noCloseButton,
 			},
 			closeIcon: {
 				"ui5-messagestrip-close-icon": true,
 			},
 			main: {
 				"ui5-messagestrip-root": true,
 				"ui5-messagestrip-icon--hidden": this.hideIcon,
-				"ui5-messagestrip-close-icon--hidden": this.hideCloseButton,
+				"ui5-messagestrip-close-icon--hidden": this.noCloseButton,
 				[this.typeClasses]: true,
 			},
 		};

packages/main/test/sap/ui/webcomponents/main/pages/MessageStrip.html

@@ -42,8 +42,8 @@
 	<ui5-messagestrip class="top" type="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-messagestrip>
 
 	<ui5-messagestrip hide-icon class="top" type="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-messagestrip>
-	<ui5-messagestrip hide-icon hide-close-button class="top" type="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-messagestrip>
-	<ui5-messagestrip hide-close-button class="top" type="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-messagestrip>
+	<ui5-messagestrip hide-icon no-close-button class="top" type="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-messagestrip>
+	<ui5-messagestrip no-close-button class="top" type="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-messagestrip>
 
 
 	<script>

packages/main/test/sap/ui/webcomponents/main/samples/MessageStrip.sample.html

@@ -68,16 +68,16 @@ <h3>MessageStrip</h3>
 	<section>
 		<h3>MessageStrip With No Close Button</h3>
 		<div class="snippet">
-			<ui5-messagestrip class="samples-margin-bottom" type="Information" hide-close-button>Information MessageStrip With No Close Button</ui5-messagestrip>
-			<ui5-messagestrip class="samples-margin-bottom" type="Positive" hide-close-button>Positive MessageStrip With No Close Button</ui5-messagestrip>
-			<ui5-messagestrip class="samples-margin-bottom" type="Negative" hide-close-button>Negative MessageStrip With No Close Button</ui5-messagestrip>
-			<ui5-messagestrip class="samples-margin-bottom" type="Warning" hide-close-button>Warning MessageStrip With No Close Button</ui5-messagestrip>
+			<ui5-messagestrip class="samples-margin-bottom" type="Information" no-close-button>Information MessageStrip With No Close Button</ui5-messagestrip>
+			<ui5-messagestrip class="samples-margin-bottom" type="Positive" no-close-button>Positive MessageStrip With No Close Button</ui5-messagestrip>
+			<ui5-messagestrip class="samples-margin-bottom" type="Negative" no-close-button>Negative MessageStrip With No Close Button</ui5-messagestrip>
+			<ui5-messagestrip class="samples-margin-bottom" type="Warning" no-close-button>Warning MessageStrip With No Close Button</ui5-messagestrip>
 		</div>
 		<pre class="prettyprint lang-html"><xmp>
-<ui5-messagestrip type="Information" hide-close-button>Information MessageStrip With No Close Button</ui5-messagestrip>
-<ui5-messagestrip type="Positive" hide-close-button>Positive MessageStrip With No Close Button</ui5-messagestrip>
-<ui5-messagestrip type="Negative" hide-close-button>Negative MessageStrip With No Close Button</ui5-messagestrip>
-<ui5-messagestrip type="Warning" hide-close-button>Warning MessageStrip With No Close Button</ui5-messagestrip>
+<ui5-messagestrip type="Information" no-close-button>Information MessageStrip With No Close Button</ui5-messagestrip>
+<ui5-messagestrip type="Positive" no-close-button>Positive MessageStrip With No Close Button</ui5-messagestrip>
+<ui5-messagestrip type="Negative" no-close-button>Negative MessageStrip With No Close Button</ui5-messagestrip>
+<ui5-messagestrip type="Warning" no-close-button>Warning MessageStrip With No Close Button</ui5-messagestrip>
 		</xmp></pre>
 	</section>
 
@@ -107,14 +107,14 @@ <h3>MessageStrip With No Icon</h3>
 	<section>
 		<h3>Custom MessageStrip</h3>
 		<div class="snippet">
-			<ui5-messagestrip class="samples-margin-bottom samples-vertical-align" style="width: 200px;" type="Information" hide-icon hide-close-button>You have new message.</ui5-messagestrip>
-			<ui5-messagestrip class="samples-margin-bottom samples-vertical-align" style="width: 200px;" type="Positive" hide-close-button>Successfull login!</ui5-messagestrip>
+			<ui5-messagestrip class="samples-margin-bottom samples-vertical-align" style="width: 200px;" type="Information" hide-icon no-close-button>You have new message.</ui5-messagestrip>
+			<ui5-messagestrip class="samples-margin-bottom samples-vertical-align" style="width: 200px;" type="Positive" no-close-button>Successfull login!</ui5-messagestrip>
 			<ui5-messagestrip class="samples-margin-bottom samples-vertical-align" style="width: 200px;" type="Negative" hide-icon>Access denied!</ui5-messagestrip>
 			<ui5-messagestrip class="samples-margin-bottom samples-vertical-align" style="width: 200px;" type="Warning">Update is required.</ui5-messagestrip>
 		</div>
 		<pre class="prettyprint lang-html"><xmp>
-<ui5-messagestrip type="Information" style="width: 200px;" hide-icon hide-close-button>You have new message.</ui5-messagestrip>
-<ui5-messagestrip type="Positive" style="width: 200px;" hide-close-button>Successfull login!</ui5-messagestrip>
+<ui5-messagestrip type="Information" style="width: 200px;" hide-icon no-close-button>You have new message.</ui5-messagestrip>
+<ui5-messagestrip type="Positive" style="width: 200px;" no-close-button>Successfull login!</ui5-messagestrip>
 <ui5-messagestrip type="Negative" style="width: 200px;" hide-icon>Access denied!</ui5-messagestrip>
 <ui5-messagestrip type="Warning" style="width: 200px;">Update is required.</ui5-messagestrip>
 <script>