Merge pull request #95 from majorimi/release/v1.5.0

Release/v1.5.0

.github/docs/Notifications.md

@@ -319,7 +319,7 @@ Following code example shows how to use **`ToastContainer` and `Toast`** compone
 **First step to add a *single* `ToastContainer` to a common place e.g. MainLayour.razor**
 ```
 ...
-@Body
+	@Body
 ...
 
 @*Toast container initialized once per application at the bottom of the rendered HTML in order to work with all Relative elements!!*@
@@ -403,7 +403,6 @@ Then `Toast` notifications can be configured, prompted, removed and listened for
 		_toastService.OnToastCloseButtonClicked -= ToastCloseButtonClicked;
 	}
 }
-
 ```
 
 ### `IHtmlNotificationService` usage

README.md

@@ -72,10 +72,10 @@ Check out our planned components and extensions on the project [Wiki page](https
 - **Majorsoft.Blazor.Components.PermaLink**: [PermaLink component and extension](https://github.com/majorimi/blazor-components/blob/master/.github/docs/PermaLink.md) that can be used to create navigation element inside Blazor pages (#permalink).
 - **Majorsoft.Blazor.Components.Toggle**: [Toggle components](https://github.com/majorimi/blazor-components/blob/master/.github/docs/Toggle.md) that can be used to render customizable Toggle switch and Toggle button components.
 - **Majorsoft.Blazor.Components.Tabs**: [Tabs components](https://github.com/majorimi/blazor-components/blob/master/.github/docs/Tabs.md) that renders customizable Tabs panel with many tabs and custom content.
-- **Majorsoft.Blazor.Components.Collapse**: [Collapse components](https://github.com/majorimi/blazor-components/blob/master/.github/docs/Collapse.md) that renders customizable Collapsable/Expandable panel and Accordion with many but only one active panel also custom content and header.
+- **Majorsoft.Blazor.Components.Collapse**: [Collapse components](https://github.com/majorimi/blazor-components/blob/master/.github/docs/Collapse.md) that renders customizable Collapsible/Expandable panel and Accordion with many but only one active panel also custom content and header.
 - **Majorsoft.Blazor.Components.Maps**: [Google/Bing Maps components](https://github.com/majorimi/blazor-components/blob/master/.github/docs/Maps.md) that renders **Google/Bing maps** wrapped into Blazor components allowing to control and mange maps with .Net code.
 - **Majorsoft.Blazor.Components.GdprConsent**: [GDPR Consent components](https://github.com/majorimi/blazor-components/blob/master/.github/docs/GdprConsent.md) injectable service and components that renders a customizable GDPR consent Banner or Popup witch Accept/Reject for cookie settings chosen value is persisted to Browser storage.
-- **Majorsoft.Blazor.Components.Notifications **: [Notification components](https://github.com/majorimi/blazor-components/blob/master/.github/docs/Notifications.md)  injectable INotificationService service to handle HTML5 Notifications and ServiceWorker Notifications and components that renders customizable Alert and Toast notification message elements.
+- **Majorsoft.Blazor.Components.Notifications**: [Notification components](https://github.com/majorimi/blazor-components/blob/master/.github/docs/Notifications.md) injectable INotificationService service to handle HTML5 Notifications and ServiceWorker Notifications and components that renders customizable Alert and Toast notification message elements.
 
 ## Other info
 - [Contributing](CONTRIBUTING.md)

demo/Majorsoft.Blazor.Components.DemoApp/Components/Collapse.razor

@@ -7,11 +7,17 @@
 	<br /><strong>Majorsoft.Blazor.Components.Collapse</strong> package is available on <a href="https://www.nuget.org/packages/Majorsoft.Blazor.Components.Collapse" target="_blank">Nuget</a>
 </p>
 
+<h3>Collapse features:</h3>
+<ul>
+	<li><NavLink href="collapse#collapsePanel">Collapse Panel</NavLink></li>
+	<li><NavLink href="collapse#accordion">Accordion</NavLink></li>
+</ul>
+
 <div class="container-fluid p-3 mb-3 border rounded">
 	<PermaLinkElement PermaLinkName="collapsePanel" IconActions="PermaLinkIconActions.Copy|PermaLinkIconActions.Navigate" IconMarginTop="8" IconSize="18">
 		<Content><h3>CollapsePanel</h3></Content>
 	</PermaLinkElement>
-	<p>Renders <strong><code>CollapsePanel</code> component </strong> which is an <strong> Expandable and Collapsible panel</strong> with custumizable header and content.</p>
+	<p>Renders <strong><code>CollapsePanel</code> component </strong> which is an <strong> Expandable and Collapsible panel</strong> with customizable header and content.</p>
 
 	<div class="row pb-2">
 		<div class="col-12 col-lg-8 col-xl-5">
@@ -190,7 +196,7 @@
 		<Content><h3>Accordion</h3></Content>
 	</PermaLinkElement>
 	<p>
-		Renders <strong> a set of <code>CollapsePanel</code> components </strong> which is an <strong> Expandable and Collapsible panel</strong> with custumizable header and content.
+		Renders <strong> a set of <code>CollapsePanel</code> components </strong> which is an <strong> Expandable and Collapsible panel</strong> with customizable header and content.
 		But <code>Accordion</code> allows only one Expanded (active) panel.
 	</p>
 

demo/Majorsoft.Blazor.Components.DemoApp/Components/Index.razor

@@ -13,7 +13,7 @@
 </p>
 
 <p>
-	<h2>Extensions</h2>
+	<h2>Extensions:</h2>
 	<ul>
 		<li><NavLink href="logger">Browser Console logger</NavLink></li>
 		<li>
@@ -28,13 +28,13 @@
 </p>
 
 <p>
-	<h2>Components</h2>
+	<h2>Components:</h2>
 	<ul>
 		<li><NavLink href="debounceinput">Debounce Inputs</NavLink></li>
 		<li><NavLink href="typeahead">Typeahead Inputs</NavLink></li>
 		<li><NavLink href="maxLengthInput">Max allowed length with Counter Inputs</NavLink></li>
 		<li><NavLink href="timer">Timer Component</NavLink></li>
-		<li><NavLink href="loading">Loading Components</NavLink></li>
+		<li><NavLink href="loading">Loading and Overlay Components</NavLink></li>
 		<li>
 			<NavLink href="jsinterop">Js Interop controls and extensions</NavLink>
 			<ul>
@@ -61,7 +61,7 @@
 		</li>
 		<li><NavLink href="modal">Modal Dialog</NavLink></li>
 		<li>
-			<NavLink href="permalink">Perma link navigation</NavLink>
+			<NavLink href="permalink">Permalink navigation</NavLink>
 			<ul>
 				<li><NavLink href="permalink#does-not_exists">Non existing permalink</NavLink></li>
 				<li><NavLink href="permalink#standard-a-tag">Standard &lt;a&gt; tag</NavLink></li>
@@ -92,7 +92,21 @@
 			</ul>
 		</li>
 		<li><NavLink href="gdpr">GDPR Consents</NavLink></li>
-
+		<li>
+			<NavLink href="notifications">Notifications</NavLink>
+			<ul>
+				<li><NavLink href="notifications#alerts">Alert</NavLink></li>
+				<li><NavLink href="notifications#toasts">Toast</NavLink></li>
+				<li><NavLink href="notifications#htmlnotification">Html5 Notification</NavLink></li>
+			</ul>
+		</li>
+		<li>
+			<NavLink href="tooltips">Tooltips</NavLink>
+			<ul>
+				<li><NavLink href="tooltips#tooltip">Tooltip</NavLink></li>
+				<li><NavLink href="tooltips#popover">Popover</NavLink></li>
+			</ul>
+		</li>
 		@*<li><NavLink href="draganddrop">Drag and Drop</NavLink></li>
 		<li><NavLink href="colorpicker">Color Picker</NavLink></li>*@
 	</ul>

demo/Majorsoft.Blazor.Components.DemoApp/Components/JsDemo/HeadJs.razor

@@ -17,8 +17,8 @@
 
     <div class="row pb-2">
         <div class="col-12">
-            <label>Current HTML page FavIcon (e.g: https://www.google.com/favicon.ico):</label>
-            <input class="form-control w-100 mb-2" @bind-value="_favIcon " type="text" placeholder="HTML page Tilte" />
+            <label>Current HTML page FavIcon (e.g: https://c.s-microsoft.com/favicon.ico):</label>
+            <input class="form-control w-100 mb-2" @bind-value="_favIcon " type="text" placeholder="HTML page Favicon" />
             <button class="btn btn-primary" @onclick="SetPageFavIcon">Set HTML page FavIcon</button>
         </div>
     </div>