Allow no module name when constructing a demo page (#268)

blackbaud · Oct 9, 2023 · 30c1c5f · 30c1c5f
1 parent 80ded6d
commit 30c1c5f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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"