From 30c1c5faa6e26ae396620b1048891258993eb8df Mon Sep 17 00:00:00 2001
From: Trevor Burch <Trevor.Burch@blackbaud.com>
Date: Mon, 9 Oct 2023 16:16:46 -0400
Subject: [PATCH] Allow no module name when constructing a demo page (#268)

---
 CHANGELOG.md                                                 | 4 ++++
 projects/docs-tools/package.json                             | 2 +-
 .../src/modules/demo-page/demo-page.component.html           | 5 ++++-
 .../docs-tools/src/modules/demo-page/demo-page.component.ts  | 1 -
 .../src/modules/module-info/module-info.component.html       | 3 ++-
 5 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 89cc3ee..1af5c15 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 9.1.5 (2023-10-09)
+
+- Allow a demo page to be created without the `moduleName` input. [#268](https://github.com/blackbaud/skyux-docs-tools/pull/268)
+
 ## 9.1.4 (2023-09-27)
 
 - Fixed the code example editor service to load examples where dragula is required. [#267](https://github.com/blackbaud/skyux-docs-tools/pull/267)
diff --git a/projects/docs-tools/package.json b/projects/docs-tools/package.json
index 9424a02..e6b5841 100644
--- a/projects/docs-tools/package.json
+++ b/projects/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@skyux/docs-tools",
-  "version": "9.1.4",
+  "version": "9.1.5",
   "peerDependencies": {
     "@angular/common": "^16.2.5",
     "@angular/core": "^16.2.5",
diff --git a/projects/docs-tools/src/modules/demo-page/demo-page.component.html b/projects/docs-tools/src/modules/demo-page/demo-page.component.html
index 075793a..15001ba 100644
--- a/projects/docs-tools/src/modules/demo-page/demo-page.component.html
+++ b/projects/docs-tools/src/modules/demo-page/demo-page.component.html
@@ -43,7 +43,10 @@
 </div>
 
 <ng-template #content>
-  <sky-docs-demo-page-section *ngIf="moduleName" heading="Installation">
+  <sky-docs-demo-page-section
+    *ngIf="moduleName || packageName"
+    heading="Installation"
+  >
     <sky-docs-module-info
       [gitRepoUrl]="gitRepoUrl"
       [moduleName]="moduleName"
diff --git a/projects/docs-tools/src/modules/demo-page/demo-page.component.ts b/projects/docs-tools/src/modules/demo-page/demo-page.component.ts
index b5405ae..425985a 100644
--- a/projects/docs-tools/src/modules/demo-page/demo-page.component.ts
+++ b/projects/docs-tools/src/modules/demo-page/demo-page.component.ts
@@ -87,7 +87,6 @@ export class SkyDocsDemoPageComponent
 
   /**
    * Specifies the TypeScript class name of the module. For example, `SkySampleModule`.
-   * @required
    */
   @Input()
   public moduleName: string;
diff --git a/projects/docs-tools/src/modules/module-info/module-info.component.html b/projects/docs-tools/src/modules/module-info/module-info.component.html
index 0a59287..9c024e7 100644
--- a/projects/docs-tools/src/modules/module-info/module-info.component.html
+++ b/projects/docs-tools/src/modules/module-info/module-info.component.html
@@ -1,6 +1,6 @@
 <div class="sky-docs-module-info">
   <sky-description-list class="sky-margin-stacked-lg" mode="vertical">
-    <sky-description-list-content>
+    <sky-description-list-content *ngIf="moduleName">
       <sky-description-list-term> Defined in </sky-description-list-term>
       <sky-description-list-description>
         <sky-code class="sky-docs-module-info-module-name">{{
@@ -30,6 +30,7 @@
       <sky-description-list-term>
         Installation
         <sky-help-inline
+          *ngIf="moduleName"
           class="sky-control-help"
           [skyPopover]="installationCommandPopover"
           skyPopoverPlacement="right"