From f4cba14d910dc8eac10c60c7a33f315f7dd0257e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Fri, 31 Dec 2021 15:33:33 +0300
Subject: [PATCH] Add keyboard event listener and remove unnecessary css

---
 src/app/app.menu.component.ts     |  2 +-
 src/assets/demo/badges.css        | 78 -------------------------------
 src/assets/demo/documentation.css | 25 ----------
 3 files changed, 1 insertion(+), 104 deletions(-)
 delete mode 100644 src/assets/demo/badges.css
 delete mode 100644 src/assets/demo/documentation.css

diff --git a/src/app/app.menu.component.ts b/src/app/app.menu.component.ts
index b21f542..5ff9379 100644
--- a/src/app/app.menu.component.ts
+++ b/src/app/app.menu.component.ts
@@ -5,7 +5,7 @@ import { AppComponent } from './app.component';
     selector: 'app-menu',
     template: `
         <div class="layout-menu-container">
-            <ul class="layout-menu" role="menu">
+            <ul class="layout-menu" role="menu" (keydown)="onKeydown($event)">
                 <li app-menu class="layout-menuitem-category" *ngFor="let item of model; let i = index;" [item]="item" [index]="i" [root]="true" role="none">
                     <div class="layout-menuitem-root-text" [attr.aria-label]="item.label">{{item.label}}</div>
                     <ul role="menu">
diff --git a/src/assets/demo/badges.css b/src/assets/demo/badges.css
deleted file mode 100644
index 2c03593..0000000
--- a/src/assets/demo/badges.css
+++ /dev/null
@@ -1,78 +0,0 @@
-.product-badge {
-  border-radius: var(--border-radius);
-  padding: 0.25em 0.5rem;
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: 12px;
-  letter-spacing: 0.3px;
-}
-.product-badge.status-instock {
-  background: #C8E6C9;
-  color: #256029;
-}
-.product-badge.status-outofstock {
-  background: #FFCDD2;
-  color: #C63737;
-}
-.product-badge.status-lowstock {
-  background: #FEEDAF;
-  color: #8A5340;
-}
-
-.customer-badge {
-  border-radius: var(--border-radius);
-  padding: 0.25em 0.5rem;
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: 12px;
-  letter-spacing: 0.3px;
-}
-.customer-badge.status-qualified {
-  background: #C8E6C9;
-  color: #256029;
-}
-.customer-badge.status-unqualified {
-  background: #FFCDD2;
-  color: #C63737;
-}
-.customer-badge.status-negotiation {
-  background: #FEEDAF;
-  color: #8A5340;
-}
-.customer-badge.status-new {
-  background: #B3E5FC;
-  color: #23547B;
-}
-.customer-badge.status-renewal {
-  background: #ECCFFF;
-  color: #694382;
-}
-.customer-badge.status-proposal {
-  background: #FFD8B2;
-  color: #805B36;
-}
-
-.order-badge {
-  border-radius: var(--border-radius);
-  padding: 0.25em 0.5rem;
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: 12px;
-  letter-spacing: 0.3px;
-}
-.order-badge.order-delivered {
-  background: #C8E6C9;
-  color: #256029;
-}
-.order-badge.order-cancelled {
-  background: #FFCDD2;
-  color: #C63737;
-}
-.order-badge.order-pending {
-  background: #FEEDAF;
-  color: #8A5340;
-}
-.order-badge.order-returned {
-  background: #ECCFFF;
-  color: #694382;
-}
diff --git a/src/assets/demo/documentation.css b/src/assets/demo/documentation.css
deleted file mode 100644
index 579263d..0000000
--- a/src/assets/demo/documentation.css
+++ /dev/null
@@ -1,25 +0,0 @@
-pre[class*=language-]:before, pre[class*=language-]:after {
-  display: none !important;
-}
-pre[class*=language-] code {
-  border-left: 6px solid var(--surface-border) !important;
-  box-shadow: none !important;
-  background: var(--surface-ground) !important;
-  margin: 1em 0;
-  color: var(--text-color);
-  font-size: 14px;
-}
-
-i:not([class~=pi]) {
-  background-color: transparent;
-  color: #2196f3;
-  font-family: Monaco, courier, monospace;
-  font-style: normal;
-  font-size: 12px;
-  font-weight: 500;
-  padding: 0 4px;
-  letter-spacing: 0.5px;
-  font-weight: 600;
-  margin: 0 2px;
-  display: inline-flex;
-}