Feature/3551 clean up

.github/workflows/firebase-hosting-merge.yml

@@ -12,7 +12,7 @@ jobs:
     steps:
       - uses: actions/checkout@v2
       - run: yarn && yarn build:demo
-      - uses: FirebaseExtended/action-hosting-deploy@v0
+      - uses: emclaug2/action-hosting-deploy@main
         with:
           repoToken: '${{ secrets.GITHUB_TOKEN }}'
           firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_BLUI_ANGULAR_DOCS }}'

.github/workflows/firebase-hosting-pull-request.yml

@@ -10,7 +10,7 @@ jobs:
     steps:
       - uses: actions/checkout@v2
       - run: yarn && yarn build:demo
-      - uses: FirebaseExtended/action-hosting-deploy@v0
+      - uses: emclaug2/action-hosting-deploy@main
         with:
           repoToken: '${{ secrets.GITHUB_TOKEN }}'
           firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_BLUI_ANGULAR_DOCS }}'

src/docs/app.module.ts

@@ -25,12 +25,11 @@ import { MatIconModule } from '@angular/material/icon';
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app.routing';
 import { NavigationComponent } from './navigation/navigation.component';
-import { HomeComponent } from './pages/home/home.component';
 import { ComponentDocsModule } from './pages/component-docs/component-docs.module';
 import { MatChipsModule } from '@angular/material/chips';
 
 @NgModule({
-    declarations: [AppComponent, HomeComponent, NavigationComponent],
+    declarations: [AppComponent, NavigationComponent],
     imports: [
         AppRoutingModule,
         BrowserAnimationsModule,

src/docs/app.routing.ts

@@ -1,7 +1,6 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-import { APP_NAV_ITEMS, COMPONENT_NAV_ITEMS, DRAWER_NAV_ITEMS } from './navigation/nav-items';
-import { HomeComponent } from './pages/home/home.component';
+import { COMPONENT_NAV_ITEMS, DRAWER_NAV_ITEMS } from './navigation/nav-items';
 import { ListItemTagDocComponent } from './pages/component-docs/components/list-item-tag/list-item-tag-doc.component';
 import { DrawerNavItemDocComponent } from './pages/component-docs/components/drawer/drawer-nav-item/drawer-nav-item-doc.component';
 import { DrawerNavGroupDocComponent } from './pages/component-docs/components/drawer/drawer-nav-group/drawer-nav-group-doc.component';
@@ -24,8 +23,7 @@ import { ScoreCardDocComponent } from './pages/component-docs/components/score-c
 import { ToolbarMenuDocComponent } from './pages/component-docs/components/toolbar-menu/toolbar-menu-doc.component';
 
 const routes: Routes = [
-    { path: '', redirectTo: APP_NAV_ITEMS.home.route, pathMatch: 'full' },
-    { path: APP_NAV_ITEMS.home.route, component: HomeComponent },
+    { path: '', redirectTo: `${COMPONENT_NAV_ITEMS.appBar.route}/examples`, pathMatch: 'full' },
     { path: `${COMPONENT_NAV_ITEMS.appBar.route}/:tab`, component: AppBarDocComponent },
     { path: `${COMPONENT_NAV_ITEMS.channelValue.route}/:tab`, component: ChannelValueDocComponent },
     { path: `${COMPONENT_NAV_ITEMS.hero.route}/:tab`, component: HeroDocComponent },

src/docs/md/AppBar.md

@@ -1,7 +1,7 @@
 # App Bar
 
 The `<blui-app-bar>` component is a wrapper around the `<mat-toolbar>` that can be resized as the page is scrolled. 
-It supports three variants: `snap`, `collapsed`, and `expanded`.
+It supports three variants: `'snap'`, `'collapsed'`, and `'expanded'`.
 
 <div style="text-align:center; margin-bottom:20px">
     <img width="100%" style="max-width: 600px; margin-bottom: 20px; border: 1px solid #0002;" alt="App Bar Three Liner" src="./gifs/appBarThreeLiner.gif">
@@ -25,19 +25,22 @@ imports: [ AppBarModule ]
 
 ## API
 
+Parent element (`<blui-app-bar>`) attributes:
+
+
 <div style="overflow: auto;">
 
 | @Input                   | Description                                            | Type                                      | Required | Default                          |
 | ------------------------ |--------------------------------------------------------| ----------------------------------------- | -------- | -------------------------------- |
 | collapsedHeight          | Height of the AppBar when collapsed                    | `number`                                  | no       | theme default                    |
-| color                    | Color variant which is passed to the `<mat-toolbar>`   | `'primary'` \| `'accent'` \| `'warn'`     | no       | 'primary'                        |
+| color                    | Color variant which is passed to the `<mat-toolbar>`   | `'primary'` \| `'accent'` \| `'warn'`     | no       | `'primary'`                        |
 | expandedHeight           | Height of the AppBar when expanded                     | `number`                                  | no       | 200                              |
 | collapsedChange          | Event emitter for when the appbar opens or closes      | `EventEmitter<boolean>`                   | no       |                                  |
 | scrollContainerElement   | Scrollable element which dynamic app bar responds to   | `Element`                                 | no       |                                  |
 | scrollContainerClassName | Class name, index number of scrollable element         | `{ name: string, index: number }`         | no       |                                  |
 | scrollContainerId        | Id of the scrollable element                           | `string`                                  | no       |                                  |
 | scrollThreshold          | Distance in pixels to scroll before collapsing toolbar | `number`                                  | no       | expandedHeight - collapsedHeight |
-| variant                  | Behavior of the App Bar                                | `'expanded'` \| `'collapsed'` \| `'snap'` | no       | 'collapsed'                      |
+| variant                  | Behavior of the App Bar                                | `'expanded'` \| `'collapsed'` \| `'snap'` | no       | `'collapsed'`                      |
 
 </div>
 

src/docs/md/ChannelValue.md

@@ -5,9 +5,7 @@ The `<blui-channel-value>` component is used to display a channel value (and uni
 Icons are passed in as a child element of the `<blui-channel-value>` component.
 
 <div style="text-align:center; margin-bottom:20px">
-    <img width="100%" style="max-width: 600px" alt="Channel Value in Hero" src="./images/heroes.png">
-    <hr/>
-    <img width="100%" style="max-width: 600px" alt="Channel Value in a list item" src="./images/channelValue.png">
+    <img width="100%" style="max-width: 400px" alt="Channel Value in a list item" src="./images/channelValue.png">
 </div>
 
 ## Usage
@@ -31,16 +29,16 @@ Parent element (`<blui-channel-value>`) attributes:
 
 <div style="overflow: auto;">
 
-| @Input     | Description                                    | Type                             | Required | Default |
-|------------| ---------------------------------------------- | -------------------------------- | -------- | ------  |
-| prefix     | If true, shows units before the value          | `boolean`                        | no       | false   |
-| units      | Text to display for the units                  | `string`                         | no       |         |
-| unitSpace* | Show/Hide spacing between the value and units  | `'auto'` \| `'hide'` \| `'show'` | no       | 'auto'  |
-| value      | Text to display for the value                  | `string` \| `number`             | yes      |         |
+| @Input     | Description                                    | Type                             | Required | Default  |
+|------------| ---------------------------------------------- | -------------------------------- | -------- |----------|
+| prefix     | If true, shows units before the value          | `boolean`                        | no       | false    |
+| units      | Text to display for the units                  | `string`                         | no       |          |
+| unitSpace* | Show/Hide spacing between the value and units  | `'auto'` \| `'hide'` \| `'show'` | no       | `'auto'`  |
+| value      | Text to display for the value                  | `string` \| `number`             | yes      |          |
 
 </div>
 
-> *Setting unitSpace to 'auto' will show a space for all units except for '%', '℉', '°C', and '°'. When prefix is true, the space will be shown for all units except for '$'.
+> *Setting `unitSpace` to 'auto' will show a space for all units except for '%', '℉', '°C', and '°'. When prefix is true, the space will be shown for all units except for '$'.
 
 The following child element is projected into `<blui-channel-value>`: