@ng-doc/app 15.0.0-beta.9 → 15.0.0

package/styles/global.css

@@ -253,7 +253,7 @@ table thead tr th h6 {
   margin-bottom: 0;
 }
 table tbody tr td {
-  padding: var(--ng-doc-base-gutter);
+  padding: calc(var(--ng-doc-base-gutter) * 2);
   vertical-align: top;
   border-bottom: 1px solid var(--ng-doc-base-1);
 }
@@ -654,6 +654,32 @@ a:hover {
 :root {
   --ng-doc-app-max-width: 1400px;
   --ng-doc-app-horizontal-padding: calc(var(--ng-doc-base-gutter) * 3);
+  --ng-doc-class-color: var(--ng-doc-pink-70);
+  --ng-doc-class-background: var(--ng-doc-pink-10);
+  --ng-doc-interface-color: var(--ng-doc-light-blue-90);
+  --ng-doc-interface-background: var(--ng-doc-blue-10);
+  --ng-doc-enum-color: var(--ng-doc-orange-150);
+  --ng-doc-enum-background: var(--ng-doc-orange-20);
+  --ng-doc-variable-color: var(--ng-doc-orange-150);
+  --ng-doc-variable-background: var(--ng-doc-orange-20);
+  --ng-doc-function-color: var(--ng-doc-green-150);
+  --ng-doc-function-background: var(--ng-doc-green-20);
+  --ng-doc-type-alias-color: var(--ng-doc-purple-90);
+  --ng-doc-type-alias-background: var(--ng-doc-purple-10);
+  --ng-doc-component-decorator-background: var(--ng-doc-light-blue-10);
+  --ng-doc-component-decorator-color: var(--ng-doc-blue-100);
+  --ng-doc-directive-decorator-background: var(--ng-doc-orange-10);
+  --ng-doc-directive-decorator-color: var(--ng-doc-orange-100);
+  --ng-doc-injectable-decorator-background: var(--ng-doc-teal-20);
+  --ng-doc-injectable-decorator-color: var(--ng-doc-teal-100);
+  --ng-doc-pipe-decorator-background: var(--ng-doc-green-10);
+  --ng-doc-pipe-decorator-color: var(--ng-doc-green-100);
+  --ng-doc-ng-module-decorator-background: var(--ng-doc-pink-10);
+  --ng-doc-ng-module-decorator-color: var(--ng-doc-pink-100);
+  --ng-doc-input-decorator-background: var(--ng-doc-light-blue-10);
+  --ng-doc-input-decorator-color: var(--ng-doc-light-blue-100);
+  --ng-doc-output-decorator-background: var(--ng-doc-light-blue-20);
+  --ng-doc-output-decorator-color: var(--ng-doc-light-blue-150);
   --ng-doc-navbar-height: calc(var(--ng-doc-base-gutter) * 7);
   --ng-doc-navbar-horizontal-padding: var(--ng-doc-app-horizontal-padding);
   --ng-doc-navbar-left-width: calc(var(--ng-doc-sidebar-width) - var(--ng-doc-navbar-horizontal-padding));
@@ -690,6 +716,7 @@ article header .ng-doc-header-details {
   align-items: baseline;
   gap: var(--ng-doc-base-gutter);
   margin-top: var(--ng-doc-base-gutter);
+  line-height: 18px;
 }
 article header .ng-doc-header-details .ng-doc-header-details-label {
   font-size: 11px;
@@ -711,21 +738,11 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
   padding: 0 var(--ng-doc-base-gutter);
   font-size: 14px;
   border-radius: var(--ng-doc-base-gutter);
-  background-color: var(--ng-doc-base-3);
+  background-color: var(--ng-doc-base-2);
   color: var(--ng-doc-text);
   vertical-align: middle;
   white-space: nowrap;
-  font-weight: 700;
-  /*----------------- Declarations --------------------*/
-  /*----------------- Class Decorators --------------------*/
-  /*----------------- Property Decorators --------------------*/
-}
-.ng-doc-tag code,
-.ng-doc-tag code.ng-doc-code-with-link {
-  color: inherit;
-  background-color: transparent;
-  padding: 0;
-  white-space: nowrap;
+  font-weight: 600;
 }
 .ng-doc-tag + .ng-doc-tag {
   margin-left: var(--ng-doc-base-gutter);
@@ -743,52 +760,48 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
   padding: 0;
 }
 .ng-doc-tag[data-content=Class] {
-  background-color: var(--ng-doc-pink-10);
-  color: var(--ng-doc-pink-70);
+  background-color: var(--ng-doc-class-background);
+  color: var(--ng-doc-class-color);
 }
 .ng-doc-tag[data-content=Interface] {
-  background-color: var(--ng-doc-blue-20);
-  color: var(--ng-doc-blue-90);
+  background-color: var(--ng-doc-interface-background);
+  color: var(--ng-doc-interface-color);
+}
+.ng-doc-tag[data-content=Enum] {
+  background-color: var(--ng-doc-enum-background);
+  color: var(--ng-doc-enum-color);
 }
-.ng-doc-tag[data-content=Enum], .ng-doc-tag[data-content=Variable] {
-  background-color: var(--ng-doc-orange-20);
-  color: var(--ng-doc-orange-150);
+.ng-doc-tag[data-content=Variable] {
+  background-color: var(--ng-doc-variable-background);
+  color: var(--ng-doc-variable-color);
 }
 .ng-doc-tag[data-content=Function] {
-  background-color: var(--ng-doc-green-20);
-  color: var(--ng-doc-green-150);
+  background-color: var(--ng-doc-function-background);
+  color: var(--ng-doc-function-color);
 }
-.ng-doc-tag[data-content="Type Alias"] {
-  background-color: var(--ng-doc-purple-20);
-  color: var(--ng-doc-purple-90);
+.ng-doc-tag[data-content=TypeAlias] {
+  background-color: var(--ng-doc-type-alias-background);
+  color: var(--ng-doc-type-alias-color);
 }
 .ng-doc-tag[data-content=Component] {
-  background-color: var(--ng-doc-light-blue-10);
-  color: var(--ng-doc-light-blue-100);
+  background-color: var(--ng-doc-component-decorator-background);
+  color: var(--ng-doc-component-decorator-color);
 }
 .ng-doc-tag[data-content=Directive] {
-  background-color: var(--ng-doc-orange-10);
-  color: var(--ng-doc-orange-100);
+  background-color: var(--ng-doc-directive-decorator-background);
+  color: var(--ng-doc-directive-decorator-color);
 }
-.ng-doc-tag[data-content=Service] {
-  background-color: var(--ng-doc-indigo-10);
-  color: var(--ng-doc-indigo-100);
+.ng-doc-tag[data-content=Injectable] {
+  background-color: var(--ng-doc-injectable-decorator-background);
+  color: var(--ng-doc-injectable-decorator-color);
 }
 .ng-doc-tag[data-content=Pipe] {
-  background-color: var(--ng-doc-green-10);
-  color: var(--ng-doc-green-100);
+  background-color: var(--ng-doc-pipe-decorator-background);
+  color: var(--ng-doc-pipe-decorator-color);
 }
 .ng-doc-tag[data-content=NgModule] {
-  background-color: var(--ng-doc-pink-10);
-  color: var(--ng-doc-pink-100);
-}
-.ng-doc-tag[data-content=Input] {
-  background-color: var(--ng-doc-light-blue-10);
-  color: var(--ng-doc-light-blue-100);
-}
-.ng-doc-tag[data-content=Output] {
-  background-color: var(--ng-doc-light-blue-20);
-  color: var(--ng-doc-light-blue-150);
+  background-color: var(--ng-doc-ng-module-decorator-background);
+  color: var(--ng-doc-ng-module-decorator-color);
 }
 .ng-doc-tag[data-content=ng-doc-tag-selector] {
   background-color: var(--ng-doc-teal-10);
@@ -814,24 +827,64 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
 .ng-doc-modifier {
   font-size: 14px;
   color: var(--ng-doc-text);
+  font-family: var(--ng-doc-heading-font-family);
   white-space: nowrap;
   font-weight: 800;
 }
-.ng-doc-modifier[data-content=Abstract] {
+.ng-doc-modifier[data-content=abstract] {
   color: var(--ng-doc-deep-orange-100);
 }
-.ng-doc-modifier[data-content=Static] {
+.ng-doc-modifier[data-content=static] {
   color: var(--ng-doc-pink-100);
 }
-.ng-doc-modifier[data-content=Async] {
+.ng-doc-modifier[data-content=async] {
   color: var(--ng-doc-green-100);
 }
-.ng-doc-modifier[data-content=Readonly] {
+.ng-doc-modifier[data-content=overriden] {
+  color: var(--ng-doc-light-blue-100);
+}
+.ng-doc-modifier[data-content=readonly] {
   color: var(--ng-doc-deep-orange-100);
 }
+.ng-doc-modifier[data-content=get] {
+  font-size: 16px;
+  color: var(--ng-doc-green-100);
+}
+.ng-doc-modifier[data-content=set] {
+  font-size: 16px;
+  color: var(--ng-doc-pink-100);
+}
+
+.ng-doc-node-details {
+  font-family: var(--ng-doc-font-family);
+  font-variant: no-contextual;
+  color: var(--ng-doc-text);
+  line-height: var(--ng-doc-line-height);
+  font-size: var(--ng-doc-font-size);
+  font-weight: var(--ng-doc-font-weight);
+  --ng-doc-font-size: 14px;
+  --ng-doc-text: var(--ng-doc-text-muted);
+  --ng-doc-font-weight: 400;
+  --ng-doc-line-height: 22px;
+}
+.ng-doc-node-details code.ng-doc-code-with-link {
+  --ng-doc-inline-code-background: transparent !important;
+  padding: 0;
+  --ng-doc-code-font-size: var(--ng-doc-font-size);
+}
 
 .ng-doc-badge-wrapper {
-  line-height: calc(var(--ng-doc-base-gutter) * 2);
+  display: inline-flex;
+  margin-right: var(--ng-doc-base-gutter);
+  vertical-align: middle;
+}
+.ng-doc-badge-wrapper .ng-doc-badge:first-child {
+  border-top-left-radius: var(--ng-doc-base-gutter);
+  border-bottom-left-radius: var(--ng-doc-base-gutter);
+}
+.ng-doc-badge-wrapper .ng-doc-badge:last-child {
+  border-top-right-radius: var(--ng-doc-base-gutter);
+  border-bottom-right-radius: var(--ng-doc-base-gutter);
 }
 
 .ng-doc-badge {
@@ -842,23 +895,26 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
   height: calc(var(--ng-doc-base-gutter) * 2);
   font-family: var(--ng-doc-heading-font-family);
   font-size: 10px;
-  border-radius: calc(var(--ng-doc-base-gutter) * 2);
   color: var(--ng-doc-white);
   white-space: nowrap;
   font-weight: 900;
   background-color: var(--ng-doc-text);
+  text-transform: capitalize;
 }
-.ng-doc-badge[data-content=Abstract] {
+.ng-doc-badge[data-content=abstract] {
   background-color: var(--ng-doc-deep-orange-100);
 }
-.ng-doc-badge[data-content=Static] {
+.ng-doc-badge[data-content=static] {
   background-color: var(--ng-doc-pink-100);
 }
-.ng-doc-badge[data-content=Async] {
+.ng-doc-badge[data-content=async] {
   background-color: var(--ng-doc-green-100);
 }
-.ng-doc-badge[data-content=Readonly] {
-  background-color: var(--ng-doc-deep-orange-100);
+.ng-doc-badge[data-content=overriden] {
+  background-color: var(--ng-doc-light-blue-100);
+}
+.ng-doc-badge[data-content=readonly] {
+  background-color: var(--ng-doc-red-100);
 }
 
 .ng-doc-see-also li {
@@ -882,6 +938,16 @@ table.ng-doc-parameters-table .ng-doc-parameters-table-type {
   width: 25%;
 }
 
+.ng-doc-no-content {
+  color: var(--ng-doc-text-muted);
+  font-style: italic;
+  font-size: 14px;
+}
+
+code.ng-doc-code-with-link {
+  --ng-doc-inline-code-background: var(--ng-doc-blue-10);
+}
+
 article h1:hover .ng-doc-header-link, article h2:hover .ng-doc-header-link, article h3:hover .ng-doc-header-link,
 article h4:hover .ng-doc-header-link, article h5:hover .ng-doc-header-link, article h6:hover .ng-doc-header-link {
   opacity: 1;
@@ -938,9 +1004,6 @@ article .ng-doc-header-link {
   margin-left: var(--ng-doc-base-gutter);
   vertical-align: middle;
 }
-article code.ng-doc-code-with-link {
-  background-color: var(--ng-doc-blue-10);
-}
 article pre code .ng-doc-code-anchor {
   color: inherit;
 }

package/styles/main.css

@@ -253,7 +253,7 @@ table thead tr th h6 {
   margin-bottom: 0;
 }
 table tbody tr td {
-  padding: var(--ng-doc-base-gutter);
+  padding: calc(var(--ng-doc-base-gutter) * 2);
   vertical-align: top;
   border-bottom: 1px solid var(--ng-doc-base-1);
 }
@@ -654,6 +654,32 @@ a:hover {
 :root {
   --ng-doc-app-max-width: 1400px;
   --ng-doc-app-horizontal-padding: calc(var(--ng-doc-base-gutter) * 3);
+  --ng-doc-class-color: var(--ng-doc-pink-70);
+  --ng-doc-class-background: var(--ng-doc-pink-10);
+  --ng-doc-interface-color: var(--ng-doc-light-blue-90);
+  --ng-doc-interface-background: var(--ng-doc-blue-10);
+  --ng-doc-enum-color: var(--ng-doc-orange-150);
+  --ng-doc-enum-background: var(--ng-doc-orange-20);
+  --ng-doc-variable-color: var(--ng-doc-orange-150);
+  --ng-doc-variable-background: var(--ng-doc-orange-20);
+  --ng-doc-function-color: var(--ng-doc-green-150);
+  --ng-doc-function-background: var(--ng-doc-green-20);
+  --ng-doc-type-alias-color: var(--ng-doc-purple-90);
+  --ng-doc-type-alias-background: var(--ng-doc-purple-10);
+  --ng-doc-component-decorator-background: var(--ng-doc-light-blue-10);
+  --ng-doc-component-decorator-color: var(--ng-doc-blue-100);
+  --ng-doc-directive-decorator-background: var(--ng-doc-orange-10);
+  --ng-doc-directive-decorator-color: var(--ng-doc-orange-100);
+  --ng-doc-injectable-decorator-background: var(--ng-doc-teal-20);
+  --ng-doc-injectable-decorator-color: var(--ng-doc-teal-100);
+  --ng-doc-pipe-decorator-background: var(--ng-doc-green-10);
+  --ng-doc-pipe-decorator-color: var(--ng-doc-green-100);
+  --ng-doc-ng-module-decorator-background: var(--ng-doc-pink-10);
+  --ng-doc-ng-module-decorator-color: var(--ng-doc-pink-100);
+  --ng-doc-input-decorator-background: var(--ng-doc-light-blue-10);
+  --ng-doc-input-decorator-color: var(--ng-doc-light-blue-100);
+  --ng-doc-output-decorator-background: var(--ng-doc-light-blue-20);
+  --ng-doc-output-decorator-color: var(--ng-doc-light-blue-150);
   --ng-doc-navbar-height: calc(var(--ng-doc-base-gutter) * 7);
   --ng-doc-navbar-horizontal-padding: var(--ng-doc-app-horizontal-padding);
   --ng-doc-navbar-left-width: calc(var(--ng-doc-sidebar-width) - var(--ng-doc-navbar-horizontal-padding));
@@ -690,6 +716,7 @@ article header .ng-doc-header-details {
   align-items: baseline;
   gap: var(--ng-doc-base-gutter);
   margin-top: var(--ng-doc-base-gutter);
+  line-height: 18px;
 }
 article header .ng-doc-header-details .ng-doc-header-details-label {
   font-size: 11px;
@@ -711,21 +738,11 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
   padding: 0 var(--ng-doc-base-gutter);
   font-size: 14px;
   border-radius: var(--ng-doc-base-gutter);
-  background-color: var(--ng-doc-base-3);
+  background-color: var(--ng-doc-base-2);
   color: var(--ng-doc-text);
   vertical-align: middle;
   white-space: nowrap;
-  font-weight: 700;
-  /*----------------- Declarations --------------------*/
-  /*----------------- Class Decorators --------------------*/
-  /*----------------- Property Decorators --------------------*/
-}
-.ng-doc-tag code,
-.ng-doc-tag code.ng-doc-code-with-link {
-  color: inherit;
-  background-color: transparent;
-  padding: 0;
-  white-space: nowrap;
+  font-weight: 600;
 }
 .ng-doc-tag + .ng-doc-tag {
   margin-left: var(--ng-doc-base-gutter);
@@ -743,52 +760,48 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
   padding: 0;
 }
 .ng-doc-tag[data-content=Class] {
-  background-color: var(--ng-doc-pink-10);
-  color: var(--ng-doc-pink-70);
+  background-color: var(--ng-doc-class-background);
+  color: var(--ng-doc-class-color);
 }
 .ng-doc-tag[data-content=Interface] {
-  background-color: var(--ng-doc-blue-20);
-  color: var(--ng-doc-blue-90);
+  background-color: var(--ng-doc-interface-background);
+  color: var(--ng-doc-interface-color);
+}
+.ng-doc-tag[data-content=Enum] {
+  background-color: var(--ng-doc-enum-background);
+  color: var(--ng-doc-enum-color);
 }
-.ng-doc-tag[data-content=Enum], .ng-doc-tag[data-content=Variable] {
-  background-color: var(--ng-doc-orange-20);
-  color: var(--ng-doc-orange-150);
+.ng-doc-tag[data-content=Variable] {
+  background-color: var(--ng-doc-variable-background);
+  color: var(--ng-doc-variable-color);
 }
 .ng-doc-tag[data-content=Function] {
-  background-color: var(--ng-doc-green-20);
-  color: var(--ng-doc-green-150);
+  background-color: var(--ng-doc-function-background);
+  color: var(--ng-doc-function-color);
 }
-.ng-doc-tag[data-content="Type Alias"] {
-  background-color: var(--ng-doc-purple-20);
-  color: var(--ng-doc-purple-90);
+.ng-doc-tag[data-content=TypeAlias] {
+  background-color: var(--ng-doc-type-alias-background);
+  color: var(--ng-doc-type-alias-color);
 }
 .ng-doc-tag[data-content=Component] {
-  background-color: var(--ng-doc-light-blue-10);
-  color: var(--ng-doc-light-blue-100);
+  background-color: var(--ng-doc-component-decorator-background);
+  color: var(--ng-doc-component-decorator-color);
 }
 .ng-doc-tag[data-content=Directive] {
-  background-color: var(--ng-doc-orange-10);
-  color: var(--ng-doc-orange-100);
+  background-color: var(--ng-doc-directive-decorator-background);
+  color: var(--ng-doc-directive-decorator-color);
 }
-.ng-doc-tag[data-content=Service] {
-  background-color: var(--ng-doc-indigo-10);
-  color: var(--ng-doc-indigo-100);
+.ng-doc-tag[data-content=Injectable] {
+  background-color: var(--ng-doc-injectable-decorator-background);
+  color: var(--ng-doc-injectable-decorator-color);
 }
 .ng-doc-tag[data-content=Pipe] {
-  background-color: var(--ng-doc-green-10);
-  color: var(--ng-doc-green-100);
+  background-color: var(--ng-doc-pipe-decorator-background);
+  color: var(--ng-doc-pipe-decorator-color);
 }
 .ng-doc-tag[data-content=NgModule] {
-  background-color: var(--ng-doc-pink-10);
-  color: var(--ng-doc-pink-100);
-}
-.ng-doc-tag[data-content=Input] {
-  background-color: var(--ng-doc-light-blue-10);
-  color: var(--ng-doc-light-blue-100);
-}
-.ng-doc-tag[data-content=Output] {
-  background-color: var(--ng-doc-light-blue-20);
-  color: var(--ng-doc-light-blue-150);
+  background-color: var(--ng-doc-ng-module-decorator-background);
+  color: var(--ng-doc-ng-module-decorator-color);
 }
 .ng-doc-tag[data-content=ng-doc-tag-selector] {
   background-color: var(--ng-doc-teal-10);
@@ -814,24 +827,64 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
 .ng-doc-modifier {
   font-size: 14px;
   color: var(--ng-doc-text);
+  font-family: var(--ng-doc-heading-font-family);
   white-space: nowrap;
   font-weight: 800;
 }
-.ng-doc-modifier[data-content=Abstract] {
+.ng-doc-modifier[data-content=abstract] {
   color: var(--ng-doc-deep-orange-100);
 }
-.ng-doc-modifier[data-content=Static] {
+.ng-doc-modifier[data-content=static] {
   color: var(--ng-doc-pink-100);
 }
-.ng-doc-modifier[data-content=Async] {
+.ng-doc-modifier[data-content=async] {
   color: var(--ng-doc-green-100);
 }
-.ng-doc-modifier[data-content=Readonly] {
+.ng-doc-modifier[data-content=overriden] {
+  color: var(--ng-doc-light-blue-100);
+}
+.ng-doc-modifier[data-content=readonly] {
   color: var(--ng-doc-deep-orange-100);
 }
+.ng-doc-modifier[data-content=get] {
+  font-size: 16px;
+  color: var(--ng-doc-green-100);
+}
+.ng-doc-modifier[data-content=set] {
+  font-size: 16px;
+  color: var(--ng-doc-pink-100);
+}
+
+.ng-doc-node-details {
+  font-family: var(--ng-doc-font-family);
+  font-variant: no-contextual;
+  color: var(--ng-doc-text);
+  line-height: var(--ng-doc-line-height);
+  font-size: var(--ng-doc-font-size);
+  font-weight: var(--ng-doc-font-weight);
+  --ng-doc-font-size: 14px;
+  --ng-doc-text: var(--ng-doc-text-muted);
+  --ng-doc-font-weight: 400;
+  --ng-doc-line-height: 22px;
+}
+.ng-doc-node-details code.ng-doc-code-with-link {
+  --ng-doc-inline-code-background: transparent !important;
+  padding: 0;
+  --ng-doc-code-font-size: var(--ng-doc-font-size);
+}
 
 .ng-doc-badge-wrapper {
-  line-height: calc(var(--ng-doc-base-gutter) * 2);
+  display: inline-flex;
+  margin-right: var(--ng-doc-base-gutter);
+  vertical-align: middle;
+}
+.ng-doc-badge-wrapper .ng-doc-badge:first-child {
+  border-top-left-radius: var(--ng-doc-base-gutter);
+  border-bottom-left-radius: var(--ng-doc-base-gutter);
+}
+.ng-doc-badge-wrapper .ng-doc-badge:last-child {
+  border-top-right-radius: var(--ng-doc-base-gutter);
+  border-bottom-right-radius: var(--ng-doc-base-gutter);
 }
 
 .ng-doc-badge {
@@ -842,23 +895,26 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
   height: calc(var(--ng-doc-base-gutter) * 2);
   font-family: var(--ng-doc-heading-font-family);
   font-size: 10px;
-  border-radius: calc(var(--ng-doc-base-gutter) * 2);
   color: var(--ng-doc-white);
   white-space: nowrap;
   font-weight: 900;
   background-color: var(--ng-doc-text);
+  text-transform: capitalize;
 }
-.ng-doc-badge[data-content=Abstract] {
+.ng-doc-badge[data-content=abstract] {
   background-color: var(--ng-doc-deep-orange-100);
 }
-.ng-doc-badge[data-content=Static] {
+.ng-doc-badge[data-content=static] {
   background-color: var(--ng-doc-pink-100);
 }
-.ng-doc-badge[data-content=Async] {
+.ng-doc-badge[data-content=async] {
   background-color: var(--ng-doc-green-100);
 }
-.ng-doc-badge[data-content=Readonly] {
-  background-color: var(--ng-doc-deep-orange-100);
+.ng-doc-badge[data-content=overriden] {
+  background-color: var(--ng-doc-light-blue-100);
+}
+.ng-doc-badge[data-content=readonly] {
+  background-color: var(--ng-doc-red-100);
 }
 
 .ng-doc-see-also li {
@@ -882,6 +938,16 @@ table.ng-doc-parameters-table .ng-doc-parameters-table-type {
   width: 25%;
 }
 
+.ng-doc-no-content {
+  color: var(--ng-doc-text-muted);
+  font-style: italic;
+  font-size: 14px;
+}
+
+code.ng-doc-code-with-link {
+  --ng-doc-inline-code-background: var(--ng-doc-blue-10);
+}
+
 article h1:hover .ng-doc-header-link, article h2:hover .ng-doc-header-link, article h3:hover .ng-doc-header-link,
 article h4:hover .ng-doc-header-link, article h5:hover .ng-doc-header-link, article h6:hover .ng-doc-header-link {
   opacity: 1;
@@ -938,9 +1004,6 @@ article .ng-doc-header-link {
   margin-left: var(--ng-doc-base-gutter);
   vertical-align: middle;
 }
-article code.ng-doc-code-with-link {
-  background-color: var(--ng-doc-blue-10);
-}
 article pre code .ng-doc-code-anchor {
   color: inherit;
 }

package/tokens/api-list.d.ts

@@ -1,3 +1,3 @@
 import { InjectionToken } from '@angular/core';
-import { NgDocApiList } from '@ng-doc/builder';
+import { NgDocApiList } from '@ng-doc/core';
 export declare const NG_DOC_API_LIST_TOKEN: InjectionToken<NgDocApiList[]>;

package/classes/html-parser/html-parser.d.ts

@@ -1,10 +0,0 @@
-import { Node, NodeTag } from 'posthtml-parser';
-export declare class NgDocHtmlParser {
-    private html;
-    private readonly parsedHTML;
-    constructor(html: string);
-    find(selector: string): NodeTag | undefined;
-    removeAttribute(node: Node, name: string): void;
-    setAttribute(node: Node, name: string, value?: string): void;
-    serialize(): string;
-}

package/components/page-map/index.d.ts

@@ -1,3 +0,0 @@
-export * from './page-map.component';
-export * from './page-map.module';
-export * from './page-map-element/page-map-element.component';

package/components/page-map/page-map-element/page-map-element.component.d.ts

@@ -1,11 +0,0 @@
-import { ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgDocPageMapElementComponent {
-    readonly elementRef: ElementRef<HTMLElement>;
-    href: string;
-    selected: boolean;
-    level: number;
-    constructor(elementRef: ElementRef<HTMLElement>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocPageMapElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgDocPageMapElementComponent, "li[ng-doc-page-map-element]", never, { "href": "href"; "selected": "selected"; "level": "level"; }, {}, never, ["*"], false, never>;
-}

package/components/page-map/page-map.component.d.ts

@@ -1,21 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnChanges, QueryList, Renderer2 } from '@angular/core';
-import { NgDocPageMapItem } from '@ng-doc/app/interfaces';
-import { NgDocPageMapElementComponent } from './page-map-element/page-map-element.component';
-import * as i0 from "@angular/core";
-export declare class NgDocPageMapComponent implements OnChanges, AfterViewInit {
-    private readonly document;
-    private readonly ngZone;
-    private readonly changeDetectorRef;
-    private readonly renderer;
-    pageContainer?: HTMLElement;
-    selection?: ElementRef<HTMLElement>;
-    elements: QueryList<NgDocPageMapElementComponent>;
-    map: NgDocPageMapItem[];
-    activeItem?: NgDocPageMapItem;
-    constructor(document: Document, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, renderer: Renderer2);
-    ngOnChanges(): void;
-    ngAfterViewInit(): void;
-    private select;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocPageMapComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgDocPageMapComponent, "ng-doc-page-map", never, { "pageContainer": "pageContainer"; }, {}, never, never, false, never>;
-}