Added new screens.

Author: Rawoof

EssentialUIKit/AppLayout/Icons/bookmark.png

@@ -16,15 +16,15 @@
   </Category>
 
   <Category Icon="catalog.png" Name="Catalog" Description="Let the users select from the list of items that includes titles, brief descriptions, and photos.">
-    <Page Name="Category Tile Page" Description="Displaying an image with a title is a scenario in most applications, and this page categorizes product images and provides a title for the category." PageName="Views.ECommerce.CategoryTilePage"/>
-    <Page Name="Catalog Tile Page" Description="In any e-commerce application, showcasing a product with a rating and other details is mandatory. This page showcases a set of products with a short description, price, and user rating. " PageName="Views.ECommerce.CatalogTilePage"/>
-    <Page Name="Catalog List Page" Description="Displaying an image with some information is a scenario in many applications, and this page showcases product images with their titles, prices, and discounted prices." PageName="Views.ECommerce.CatalogListPage"/>
+    <Page Name="Category Tile Page" Description="Displaying an image with a title is a scenario in most applications, and this page categorizes product images and provides a title for the category." PageName="Views.Catalog.CategoryTilePage"/>
+    <Page Name="Catalog Tile Page" Description="In any e-commerce application, showcasing a product with a rating and other details is mandatory. This page showcases a set of products with a short description, price, and user rating. " PageName="Views.Catalog.CatalogTilePage"/>
+    <Page Name="Catalog List Page" Description="Displaying an image with some information is a scenario in many applications, and this page showcases product images with their titles, prices, and discounted prices." PageName="Views.Catalog.CatalogListPage"/>
     <Page Name="Article List Page" Description="This page displays featured articles with a rotator on top and the remaining stories displayed as a list. Each list card carries the image, title, author name, created date, and estimated time to read the article." PageName="Views.Article.ArticleListPage"/>
     <Page Name="Article Tile Page" Description="This page displays featured articles with a rotator on top and the remaining stories displayed as tiles. Each tile card contains the image, title, author name, created date, and estimated time to read the article." PageName="Views.Article.ArticleTilePage"/>
   </Category>
 
   <Category Icon="detail.png" IsUpdated="True" Name="Detail" Description="Display detailed and relevant information with random layouts.">
-    <Page Name="Product Detail Page" Description="This page showcases the complete details of a product with a rotator control to provide different images of the product, available size variants, product description, price, discount, and reviews." PageName="Views.ECommerce.DetailPage"/>
+    <Page Name="Product Detail Page" Description="This page showcases the complete details of a product with a rotator control to provide different images of the product, available size variants, product description, price, discount, and reviews." PageName="Views.Detail.DetailPage"/>
     <Page Name="Feedback Detail Page" Description="This page displays the full-page product image and user feedback consisting of a short description and rating." PageName="Views.Feedback.FeedbackDetailPage"/>
     <Page Name="Article Detail Page" IsNew="True" Description="This page displays an article with a title, image, and text." PageName="Views.Article.DetailPage"/>
   </Category>
@@ -74,16 +74,16 @@
   </Category>
 
   <Category Icon="transaction.png" IsUpdated="True" Name="Transaction" Description="Pages for communicating the status of a purchase through an online shop to the user. This category includes pages for successful payments and payment failures.">
-    <Page Name="Checkout Page" Description="This page provides options to choose between different addresses to deliver a product to and receives payment information from the user. " PageName="Views.ECommerce.CheckoutPage"/>
+    <Page Name="Checkout Page" Description="This page provides options to choose between different addresses to deliver a product to and receives payment information from the user. " PageName="Views.Transaction.CheckoutPage"/>
     <Page Name="Payment Success Page" IsNew="True" Description="This page notifies the user that their payment was successful." PageName="Views.Transaction.PaymentSuccessPage"/>
     <Page Name="Payment Failure Page" IsNew="True" Description="This page notifies the user that their payment was not successful." PageName="Views.Transaction.PaymentFailurePage"/>
-    <Page Name="Delivery Page" Description="View delivery information like address and price details" PageName="Views.ECommerce.DeliveryPage" Platform="UWP"/>
-    <Page Name="Payment Page" Description="View card and payment details" PageName="Views.ECommerce.PaymentPage" Platform="UWP"/>
+    <Page Name="Delivery Page" Description="View delivery information like address and price details" PageName="Views.Transaction.DeliveryPage" Platform="UWP"/>
+    <Page Name="Payment Page" Description="View card and payment details" PageName="Views.Transaction.PaymentPage" Platform="UWP"/>
   </Category>
 
   <Category Icon="bookmark.png" IsUpdated="True" Name="Bookmark" Description="Interfaces for users to save shopping items, articles, or pages they’d like to return to later. Users can add or remove items they’ve saved as needed.">
     <Page Name="Wishlist Page" IsNew="True" Description="This page displays a list of items that an online shopper has saved to potentially purchase later." PageName="Views.Bookmarks.WishlistPage"/>
-    <Page Name="Cart Page" Description="This page displays a list of products as items added to a cart in a shopping application. The page also allows you to remove items from the shopping cart. " PageName="Views.ECommerce.CartPage"/>
+    <Page Name="Cart Page" Description="This page displays a list of products as items added to a cart in a shopping application. The page also allows you to remove items from the shopping cart. " PageName="Views.Bookmarks.CartPage"/>
     <Page Name="Article Bookmarks Page" Description="This page displays bookmarked articles in a list. Each list card carries the image, title, author name, created date, and estimated time to read the article." PageName="Views.Article.BookmarksPage"/>
   </Category>
 

EssentialUIKit/AppLayout/Icons/catalog.png

@@ -0,0 +1,87 @@
+using EssentialUIKit.Controls;
+using System;
+using System.Linq;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Behaviors
+{
+    /// <summary>
+    /// This class extends the behavior of the BorderlessEntryBehavior control to invoke a command when an event occurs.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class BorderlessEntryCVVBehavior : Behavior<BorderlessEntry>
+    {
+        #region Properties
+
+        /// <summary>
+        /// Gets the BorderlessEntry.
+        /// </summary>
+        public BorderlessEntry BorderlessEntry { get; private set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when adding the borderlessEntry to view.
+        /// </summary>
+        /// <param name="borderlessEntry">The borderlessEntry</param>
+        protected override void OnAttachedTo(BorderlessEntry borderlessEntry)
+        {
+            base.OnAttachedTo(borderlessEntry);
+            this.BorderlessEntry = borderlessEntry;
+            borderlessEntry.BindingContextChanged += this.OnBindingContextChanged;
+            borderlessEntry.TextChanged += this.OnTextChanged;
+        }
+
+        /// <summary>
+        /// Invoked when exit from the view.
+        /// </summary>
+        /// <param name="borderlessEntry">The borderlessEntry</param>
+        protected override void OnDetachingFrom(BorderlessEntry borderlessEntry)
+        {
+            base.OnDetachingFrom(borderlessEntry);
+            borderlessEntry.BindingContextChanged -= this.OnBindingContextChanged;
+            borderlessEntry.TextChanged -= this.OnTextChanged;
+            this.BorderlessEntry = null;
+        }
+
+        /// <summary>
+        /// Invoked when comboBox binding context is changed.
+        /// </summary>
+        protected override void OnBindingContextChanged()
+        {
+            base.OnBindingContextChanged();
+            this.BindingContext = this.BorderlessEntry.BindingContext;
+        }
+
+        /// <summary>
+        /// Invoked when entry text is changed.
+        /// </summary>
+        /// <param name="sender">The borderlessEntry</param>
+        /// <param name="e">The Text Changed Event args</param>
+        private void OnTextChanged(object sender, TextChangedEventArgs e)
+        {
+            if (string.IsNullOrWhiteSpace(e.NewTextValue))
+            {
+                return;
+            }
+
+            var isValid = e.NewTextValue.ToCharArray().All(char.IsDigit);
+            ((Entry)sender).Text = isValid ? e.NewTextValue : e.NewTextValue.Remove(e.NewTextValue.Length - 1);
+        }
+
+        /// <summary>
+        /// Invoked when binding context is changed.
+        /// </summary>
+        /// <param name="sender">The sender</param>
+        /// <param name="e">The event args</param>
+        private void OnBindingContextChanged(object sender, EventArgs e)
+        {
+            this.OnBindingContextChanged();
+        }
+
+        #endregion
+    }
+}