Feature/3551 clean up

[emclaug2]

Changes proposed in this Pull Request:

Overall

• Add favicon
• Remove the Home Screen & automatically redirect to the first component in the list (App Bar)
• Persist Active Tab between page changes
• Change Code block highlighting styles (normal and hrefs)

API Pages

• Replace Channel Value component picture on README
• Only show Drawer API docs (as opposed to Drawer, DrawerLayout, DrawerHeader, ...) while on the Drawer page.
• Update all MD docs to add single-quotes are string types (e.g 'dots', 'text', etc)

Examples

• Gracefully handle code block overflows on the examples page
• Round the codeblock and example container corners (4px)
• Fix content appearing underneath the Mat Tab Header when scrolling on Mobile Devices

Playground

• Add a Drawer Nav Item under DrawerSubheader playground example
• Fix DrawerSubheader divider description
• Make long knob names on the playground wrap onto 2 lines (e.g. Drawer Playground disableActivePlaygroundStyles knob)
• Add Left & Right content knobs for Info List Item playground
• Change default Scorecard playground badge offset value
• Update ThreeLiner playground generated code to handle empty strings for title, subtitle, info
• Fix Color knob & Number knob not updating value (in input field) on change.

[emclaug2]

firebase/firebase-tools#5071

[github-actions]

Visit the preview URL for this PR (updated for commit 0a800fc):

https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app

_{(expires Sun, 09 Oct 2022 16:08:18 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 464f9d32afc68faddbb7bee221e2b2da409ea721}

[jeffvg]

did the color knob fix get checked in?
setting drawer header to warn is placed in code snippet but is not set
https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app/components/drawer/header/playground

setting the info list item status color not updated in the input
https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app/components/info-list-item/playground

list item tag color picker not set to defaults
https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app/components/list-item-tag/playground

[jeffvg]

one typo didn't make it in for empty state example doc "Customing the Title and Description"
https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app/components/empty-state/examples

[emclaug2]

list item tag color picker not set to defaults https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app/components/list-item-tag/playground

I've fixed the color input should it should now be responsive.
The ListItemTag doesn't really have component-level defaults; these values are provided by the theme so I've left the knobs (and input props) undefined by default.

[huayunh]

the API table feels very condensed. The padding got overridden

[huayunh]

scorecard playground, this line's indentation is missing one space

[huayunh]

User menu API Doc, the Default value of this input is styled awkwardly

[huayunh]

Channel Value, API Docs, this needs to be monospaced

[huayunh]

"Spacer with Flex" story, consider setting the flex of the second rect to 2, and the third rect to 3, to be consistent with the numbers labeled inside the square (and match React)

[huayunh]

(I really have not much to say here; I think the current ng dev doc looks fantastic and had to be extra picky to get those comments above)

[emclaug2]

Thanks for the comments @huayunh & @jeffvg - all points should be addressed now 👍

[jeffvg]

did the color knob fix get checked in? setting drawer header to warn is placed in code snippet but is not set https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app/components/drawer/header/playground

setting the info list item status color not updated in the input https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app/components/info-list-item/playground

list item tag color picker not set to defaults https://blui-angular-docs--pr524-feature-3551-clean-u-q4yzcu0t.web.app/components/list-item-tag/playground

looks like this playground color needs updated from above comment....other than that this looks really awesome!

[emclaug2]

looks like this playground color needs updated from above comment....other than that this looks really awesome!

This particular problem is at the component-level (possibly even the theme); we've logged an issue for this one a month ago:
https://github.com/brightlayer-ui/angular-component-library/issues/471

If preferred I can remove the knob until this issue is fixed.

[huayunh]

one small thing: the site drawer's activeItemShape shall be round

[emclaug2]

one small thing: the site drawer's activeItemShape shall be round

Updated 🚀

[huayunh]

lets go