@ng-doc/app 15.0.0-beta.10

package/styles/global.css

@@ -0,0 +1,1000 @@
+@import '~@angular/cdk/overlay-prebuilt.css';
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Nunito:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;500;600&display=swap");
+/*
+ Original sources
+ https://github.com/heygrady/scss-blend-modes/blob/master/stylesheets/_blend-modes.scss
+*/
+@import 'highlight.js/styles/atom-one-dark.css';
+:root {
+  --ng-doc-base-gutter: 8px;
+  --ng-doc-transition: 0.1s;
+  --ng-doc-base-0: var(--ng-doc-white);
+  --ng-doc-base-1: var(--ng-doc-grey-10);
+  --ng-doc-base-2: var(--ng-doc-grey-20);
+  --ng-doc-base-3: var(--ng-doc-grey-30);
+  --ng-doc-base-4: var(--ng-doc-grey-40);
+  --ng-doc-base-5: var(--ng-doc-grey-50);
+  --ng-doc-base-6: var(--ng-doc-grey-60);
+  --ng-doc-base-7: var(--ng-doc-grey-70);
+  --ng-doc-base-8: var(--ng-doc-grey-90);
+  --ng-doc-base-9: var(--ng-doc-grey-100);
+  --ng-doc-base-10: var(--ng-doc-grey-110);
+  --ng-doc-base-11: var(--ng-doc-grey-180);
+  --ng-doc-primary: var(--ng-doc-ember-120);
+  --ng-doc-primary-rgb: var(--ng-doc-ember-rgb);
+  --ng-doc-primary-text: var(--ng-doc-white);
+  --ng-doc-hover: var(--ng-doc-ember-20);
+  --ng-doc-active: var(--ng-doc-ember-40);
+  --ng-doc-background: var(--ng-doc-base-0);
+  --ng-doc-border-size: 1px;
+  --ng-doc-border-color: var(--ng-doc-base-1);
+  --ng-doc-border-hover-color: var(--ng-doc-base-3);
+  --ng-doc-shadow-color: rgba(0, 0, 0, 0.15);
+  --ng-doc-heading-font-family: "Nunito", sans-serif;
+  --ng-doc-font-family: "Nunito Sans", sans-serif;
+  --ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);
+  --ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);
+  --ng-doc-font-weight: 500;
+  --ng-doc-code-font: "Source Code Pro", monospace;
+  --ng-doc-code-font-size: 14px;
+  --ng-doc-code-line-height: 18px;
+  --ng-doc-code-font-weight: 600;
+  --ng-doc-text: var(--ng-doc-base-11);
+  --ng-doc-text-inversed: var(--ng-doc-base-0);
+  --ng-doc-text-muted: var(--ng-doc-base-8);
+  --ng-doc-link-color: var(--ng-doc-blue-100);
+  --ng-doc-inline-code-background: var(--ng-doc-base-2);
+  --ng-doc-inline-code-color: var(--ng-doc-text);
+  --ng-doc-button-background: trasparent;
+  --ng-doc-button-color: var(--ng-doc-text);
+  --ng-doc-button-hover-background: var(--ng-doc-base-1);
+  --ng-doc-button-hover-color: var(--ng-doc-button-color);
+  --ng-doc-button-active-background: var(--ng-doc-base-2);
+  --ng-doc-button-active-color: var(--ng-doc-button-hover-color);
+  --ng-doc-floated-border-color: transparent;
+  --ng-doc-floated-border: 2px solid var(--ng-doc-floated-border-color);
+  --ng-doc-floated-border-shadow-color: 0 1px 2px rgba(16, 24, 40, 0.05), 0 0 0 4px transparent;
+  --ng-doc-floated-border-radius: var(--ng-doc-base-gutter);
+  /* NgDocCheckboxComponent */
+  --ng-doc-checkbox-color: var(--ng-doc-primary);
+  --ng-doc-checkbox-color-text: var(--ng-doc-primary-text);
+  --ng-doc-checkbox-border: var(--ng-doc-border-size) solid var(--ng-doc-border-color);
+  --ng-doc-checkbox-border-hover: var(--ng-doc-border-size) solid var(--ng-doc-border-hover-color);
+  /* NgDocInputWrapperComponent */
+  --ng-doc-input-text-align: left;
+  --ng-doc-input-width: 100%;
+  --ng-doc-input-height: 40px;
+  --ng-doc-input-border: var(--ng-doc-border-size) solid var(--ng-doc-border-color);
+  --ng-doc-input-border-hover: var(--ng-doc-border-size) solid var(--ng-doc-border-hover-color);
+  --ng-doc-input-background-color: var(--ng-doc-base-0);
+  --ng-doc-input-padding-left: calc(var(--ng-doc-base-gutter) * 2);
+  --ng-doc-input-padding-right: calc(var(--ng-doc-base-gutter) * 2);
+  --ng-doc-input-cursor: auto;
+  /* NgDocTagComponent */
+  --ng-doc-tag-background: var(--ng-doc-primary);
+  --ng-doc-tag-color: var(--ng-doc-primary-text);
+  /* NgDocSelection */
+  --ng-doc-selection-border: 4px solid var(--ng-doc-primary);
+  --ng-doc-selection-background: transparent;
+  /* NgDocDot */
+  --ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2);
+  --ng-doc-dot-background: var(--ng-doc-primary);
+}
+
+html {
+  -webkit-font-smoothing: antialiased;
+}
+
+p {
+  line-height: 1.5rem;
+  margin-top: 1rem;
+  margin-bottom: 0;
+}
+
+ul,
+ol {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+ul li,
+ol li {
+  line-height: 1.5rem;
+  margin-bottom: var(--ng-doc-base-gutter);
+}
+
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+blockquote {
+  line-height: 1.5rem;
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--ng-doc-heading-font-family);
+  margin: calc(var(--ng-doc-base-gutter) * 9) 0 0;
+  line-height: 1.5rem;
+  font-weight: 700;
+  overflow-wrap: anywhere;
+}
+h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
+h2 + h1,
+h2 + h2,
+h2 + h3,
+h2 + h4,
+h2 + h5,
+h2 + h6,
+h3 + h1,
+h3 + h2,
+h3 + h3,
+h3 + h4,
+h3 + h5,
+h3 + h6,
+h4 + h1,
+h4 + h2,
+h4 + h3,
+h4 + h4,
+h4 + h5,
+h4 + h6,
+h5 + h1,
+h5 + h2,
+h5 + h3,
+h5 + h4,
+h5 + h5,
+h5 + h6,
+h6 + h1,
+h6 + h2,
+h6 + h3,
+h6 + h4,
+h6 + h5,
+h6 + h6 {
+  margin-top: calc(var(--ng-doc-base-gutter) * 5);
+}
+
+h1 {
+  font-size: calc(var(--ng-doc-base-gutter) * 5);
+  line-height: calc(var(--ng-doc-base-gutter) * 6);
+  font-weight: 900;
+}
+
+h2 {
+  font-size: calc(var(--ng-doc-base-gutter) * 4);
+  line-height: calc(var(--ng-doc-base-gutter) * 5);
+}
+
+h3 {
+  font-size: calc(var(--ng-doc-base-gutter) * 3);
+  line-height: calc(var(--ng-doc-base-gutter) * 4);
+}
+
+h4 {
+  font-size: 20px;
+  line-height: calc(var(--ng-doc-base-gutter) * 4);
+  margin-top: calc(var(--ng-doc-base-gutter) * 3);
+}
+
+h5,
+h6 {
+  font-size: calc(var(--ng-doc-base-gutter) * 2);
+  line-height: calc(var(--ng-doc-base-gutter) * 3);
+  margin-top: calc(var(--ng-doc-base-gutter) * 2);
+}
+
+pre code {
+  white-space: unset;
+  box-shadow: inset 0px 6px 6px rgba(16, 19, 19, 0.32);
+}
+
+code {
+  vertical-align: bottom;
+  border-radius: calc(var(--ng-doc-base-gutter) / 2);
+  background-color: var(--ng-doc-inline-code-background);
+  color: var(--ng-doc-inline-code-color);
+  padding: calc(var(--ng-doc-base-gutter) / 4) var(--ng-doc-base-gutter);
+  font-family: var(--ng-doc-code-font);
+  font-size: var(--ng-doc-code-font-size);
+  font-weight: var(--ng-doc-code-font-weight);
+  white-space: nowrap;
+}
+
+.lead {
+  font-size: 1.414rem;
+}
+
+.hug {
+  margin-top: 0;
+}
+
+.ng-doc-table-wrapper {
+  overflow-x: auto;
+}
+
+table {
+  width: 100%;
+  border-spacing: 0;
+  margin: calc(var(--ng-doc-base-gutter) * 4) 0;
+  margin-bottom: calc(var(--ng-doc-base-gutter) * 7);
+}
+table thead tr th {
+  padding: var(--ng-doc-base-gutter);
+  background-color: var(--ng-doc-base-1);
+  text-align: left;
+}
+table thead tr th:first-child {
+  border-top-left-radius: var(--ng-doc-base-gutter);
+  border-bottom-left-radius: var(--ng-doc-base-gutter);
+  padding-left: calc(var(--ng-doc-base-gutter) * 4);
+}
+table thead tr th:last-child {
+  padding-right: calc(var(--ng-doc-base-gutter) * 4);
+  border-top-right-radius: var(--ng-doc-base-gutter);
+  border-bottom-right-radius: var(--ng-doc-base-gutter);
+}
+table thead tr th h1,
+table thead tr th h2,
+table thead tr th h3,
+table thead tr th h4,
+table thead tr th h5,
+table thead tr th h6 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+table tbody tr td {
+  padding: var(--ng-doc-base-gutter);
+  vertical-align: top;
+  border-bottom: 1px solid var(--ng-doc-base-1);
+}
+table tbody tr td:first-child {
+  padding-left: calc(var(--ng-doc-base-gutter) * 4);
+}
+table tbody tr td:last-child {
+  padding-right: calc(var(--ng-doc-base-gutter) * 4);
+}
+table tbody tr td table {
+  margin: calc(var(--ng-doc-base-gutter) * 2) 0;
+}
+table h1,
+table h2,
+table h3,
+table h4,
+table h5,
+table h6 {
+  margin: 0 0 calc(var(--ng-doc-base-gutter) * 2);
+}
+
+a {
+  text-decoration: none;
+  color: var(--ng-doc-link-color);
+}
+a:hover {
+  text-decoration: underline;
+}
+
+.ng-doc-tooltip {
+  --ng-doc-overlay-background: var(--ng-doc-base-11);
+  --ng-doc-overlay-border: var(--ng-doc-base-11);
+  --ng-doc-overlay-border-radius: calc(var(--ng-doc-base-gutter) / 2);
+}
+.ng-doc-tooltip .ng-doc-overlay-content {
+  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);
+  padding: var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);
+  max-width: 576px;
+  max-height: 50vh;
+  white-space: pre-line;
+  overflow-y: auto;
+  --ng-doc-text: var(--ng-doc-base-0);
+}
+
+.ng-doc-notify {
+  --ng-doc-overlay-background: var(--ng-doc-base-11);
+  --ng-doc-overlay-border: var(--ng-doc-base-11);
+  --ng-doc-overlay-border-radius: calc(var(--ng-doc-base-gutter) / 2);
+}
+.ng-doc-notify .ng-doc-overlay-content {
+  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);
+  padding: var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);
+  max-width: 576px;
+  max-height: 50vh;
+  white-space: pre-line;
+  overflow-y: auto;
+  --ng-doc-text: var(--ng-doc-base-0);
+}
+
+:root {
+  --ng-doc-red-rgb: 255, 0, 0;
+  --ng-doc-red-10: rgba(255, 1, 1, 0.1);
+  --ng-doc-red-20: rgba(255, 1, 1, 0.2);
+  --ng-doc-red-30: rgba(255, 0, 0, 0.3);
+  --ng-doc-red-40: rgba(255, 0, 0, 0.4);
+  --ng-doc-red-50: rgba(255, 0, 0, 0.5);
+  --ng-doc-red-60: rgba(255, 0, 0, 0.6);
+  --ng-doc-red-70: rgba(255, 0, 0, 0.7);
+  --ng-doc-red-80: rgba(255, 0, 0, 0.8);
+  --ng-doc-red-90: rgba(255, 0, 0, 0.9);
+  --ng-doc-red-100: #FF0000;
+  --ng-doc-red-110: rgb(249, 0, 0);
+  --ng-doc-red-120: rgb(242, 0, 0);
+  --ng-doc-red-130: rgb(233, 0, 0);
+  --ng-doc-red-140: rgb(230, 0, 0);
+  --ng-doc-red-150: rgb(223, 0, 0);
+  --ng-doc-red-160: rgb(217, 0, 0);
+  --ng-doc-red-170: rgb(182, 0, 0);
+  --ng-doc-red-180: rgb(204, 0, 0);
+  --ng-doc-pink-rgb: 255, 0, 102;
+  --ng-doc-pink-10: rgba(255, 1, 136, 0.1);
+  --ng-doc-pink-20: rgba(255, 1, 133, 0.2);
+  --ng-doc-pink-30: rgba(255, 0, 130, 0.3);
+  --ng-doc-pink-40: rgba(255, 0, 127, 0.4);
+  --ng-doc-pink-50: rgba(255, 0, 124, 0.5);
+  --ng-doc-pink-60: rgba(255, 0, 121, 0.6);
+  --ng-doc-pink-70: rgba(255, 0, 118, 0.7);
+  --ng-doc-pink-80: rgba(255, 0, 114, 0.8);
+  --ng-doc-pink-90: rgba(255, 0, 111, 0.9);
+  --ng-doc-pink-100: #FF0066;
+  --ng-doc-pink-110: rgb(249, 0, 94);
+  --ng-doc-pink-120: rgb(242, 0, 86);
+  --ng-doc-pink-130: rgb(233, 0, 77);
+  --ng-doc-pink-140: rgb(230, 0, 70);
+  --ng-doc-pink-150: rgb(223, 0, 63);
+  --ng-doc-pink-160: rgb(217, 0, 55);
+  --ng-doc-pink-170: rgb(182, 0, 42);
+  --ng-doc-pink-180: rgb(204, 0, 42);
+  --ng-doc-purple-rgb: 204, 0, 204;
+  --ng-doc-purple-10: rgba(227, 1, 227, 0.1);
+  --ng-doc-purple-20: rgba(225, 1, 225, 0.2);
+  --ng-doc-purple-30: rgba(222, 0, 222, 0.3);
+  --ng-doc-purple-40: rgba(220, 0, 220, 0.4);
+  --ng-doc-purple-50: rgba(218, 0, 218, 0.5);
+  --ng-doc-purple-60: rgba(216, 0, 216, 0.6);
+  --ng-doc-purple-70: rgba(214, 0, 214, 0.7);
+  --ng-doc-purple-80: rgba(212, 0, 212, 0.8);
+  --ng-doc-purple-90: rgba(210, 0, 210, 0.9);
+  --ng-doc-purple-100: #CC00CC;
+  --ng-doc-purple-110: rgb(195, 0, 195);
+  --ng-doc-purple-120: rgb(186, 0, 186);
+  --ng-doc-purple-130: rgb(176, 0, 176);
+  --ng-doc-purple-140: rgb(169, 0, 169);
+  --ng-doc-purple-150: rgb(161, 0, 161);
+  --ng-doc-purple-160: rgb(152, 0, 152);
+  --ng-doc-purple-170: rgb(125, 0, 125);
+  --ng-doc-purple-180: rgb(137, 0, 137);
+  --ng-doc-deep-purple-rgb: 153, 0, 204;
+  --ng-doc-deep-purple-10: rgba(187, 1, 227, 0.1);
+  --ng-doc-deep-purple-20: rgba(184, 1, 225, 0.2);
+  --ng-doc-deep-purple-30: rgba(180, 0, 222, 0.3);
+  --ng-doc-deep-purple-40: rgba(177, 0, 220, 0.4);
+  --ng-doc-deep-purple-50: rgba(174, 0, 218, 0.5);
+  --ng-doc-deep-purple-60: rgba(171, 0, 216, 0.6);
+  --ng-doc-deep-purple-70: rgba(168, 0, 214, 0.7);
+  --ng-doc-deep-purple-80: rgba(165, 0, 212, 0.8);
+  --ng-doc-deep-purple-90: rgba(162, 0, 210, 0.9);
+  --ng-doc-deep-purple-100: #9900CC;
+  --ng-doc-deep-purple-110: rgb(143, 0, 195);
+  --ng-doc-deep-purple-120: rgb(134, 0, 186);
+  --ng-doc-deep-purple-130: rgb(124, 0, 176);
+  --ng-doc-deep-purple-140: rgb(116, 0, 169);
+  --ng-doc-deep-purple-150: rgb(108, 0, 161);
+  --ng-doc-deep-purple-160: rgb(99, 0, 152);
+  --ng-doc-deep-purple-170: rgb(79, 0, 125);
+  --ng-doc-deep-purple-180: rgb(83, 0, 137);
+  --ng-doc-indigo-rgb: 102, 0, 204;
+  --ng-doc-indigo-10: rgba(136, 1, 227, 0.1);
+  --ng-doc-indigo-20: rgba(133, 1, 225, 0.2);
+  --ng-doc-indigo-30: rgba(130, 0, 222, 0.3);
+  --ng-doc-indigo-40: rgba(127, 0, 220, 0.4);
+  --ng-doc-indigo-50: rgba(124, 0, 218, 0.5);
+  --ng-doc-indigo-60: rgba(121, 0, 216, 0.6);
+  --ng-doc-indigo-70: rgba(118, 0, 214, 0.7);
+  --ng-doc-indigo-80: rgba(114, 0, 212, 0.8);
+  --ng-doc-indigo-90: rgba(111, 0, 210, 0.9);
+  --ng-doc-indigo-100: #6600CC;
+  --ng-doc-indigo-110: rgb(94, 0, 195);
+  --ng-doc-indigo-120: rgb(86, 0, 186);
+  --ng-doc-indigo-130: rgb(77, 0, 176);
+  --ng-doc-indigo-140: rgb(70, 0, 169);
+  --ng-doc-indigo-150: rgb(63, 0, 161);
+  --ng-doc-indigo-160: rgb(55, 0, 152);
+  --ng-doc-indigo-170: rgb(42, 0, 125);
+  --ng-doc-indigo-180: rgb(42, 0, 137);
+  --ng-doc-blue-rgb: 0, 102, 204;
+  --ng-doc-blue-10: rgba(1, 136, 227, 0.1);
+  --ng-doc-blue-20: rgba(1, 133, 225, 0.2);
+  --ng-doc-blue-30: rgba(0, 130, 222, 0.3);
+  --ng-doc-blue-40: rgba(0, 127, 220, 0.4);
+  --ng-doc-blue-50: rgba(0, 124, 218, 0.5);
+  --ng-doc-blue-60: rgba(0, 121, 216, 0.6);
+  --ng-doc-blue-70: rgba(0, 118, 214, 0.7);
+  --ng-doc-blue-80: rgba(0, 114, 212, 0.8);
+  --ng-doc-blue-90: rgba(0, 111, 210, 0.9);
+  --ng-doc-blue-100: #0066CC;
+  --ng-doc-blue-110: rgb(0, 94, 195);
+  --ng-doc-blue-120: rgb(0, 86, 186);
+  --ng-doc-blue-130: rgb(0, 77, 176);
+  --ng-doc-blue-140: rgb(0, 70, 169);
+  --ng-doc-blue-150: rgb(0, 63, 161);
+  --ng-doc-blue-160: rgb(0, 55, 152);
+  --ng-doc-blue-170: rgb(0, 42, 125);
+  --ng-doc-blue-180: rgb(0, 42, 137);
+  --ng-doc-light-blue-rgb: 0, 153, 204;
+  --ng-doc-light-blue-10: rgba(1, 187, 227, 0.1);
+  --ng-doc-light-blue-20: rgba(1, 184, 225, 0.2);
+  --ng-doc-light-blue-30: rgba(0, 180, 222, 0.3);
+  --ng-doc-light-blue-40: rgba(0, 177, 220, 0.4);
+  --ng-doc-light-blue-50: rgba(0, 174, 218, 0.5);
+  --ng-doc-light-blue-60: rgba(0, 171, 216, 0.6);
+  --ng-doc-light-blue-70: rgba(0, 168, 214, 0.7);
+  --ng-doc-light-blue-80: rgba(0, 165, 212, 0.8);
+  --ng-doc-light-blue-90: rgba(0, 162, 210, 0.9);
+  --ng-doc-light-blue-100: #0099CC;
+  --ng-doc-light-blue-110: rgb(0, 143, 195);
+  --ng-doc-light-blue-120: rgb(0, 134, 186);
+  --ng-doc-light-blue-130: rgb(0, 124, 176);
+  --ng-doc-light-blue-140: rgb(0, 116, 169);
+  --ng-doc-light-blue-150: rgb(0, 108, 161);
+  --ng-doc-light-blue-160: rgb(0, 99, 152);
+  --ng-doc-light-blue-170: rgb(0, 79, 125);
+  --ng-doc-light-blue-180: rgb(0, 83, 137);
+  --ng-doc-cian-rgb: 0, 204, 204;
+  --ng-doc-cian-10: rgba(1, 227, 227, 0.1);
+  --ng-doc-cian-20: rgba(1, 225, 225, 0.2);
+  --ng-doc-cian-30: rgba(0, 222, 222, 0.3);
+  --ng-doc-cian-40: rgba(0, 220, 220, 0.4);
+  --ng-doc-cian-50: rgba(0, 218, 218, 0.5);
+  --ng-doc-cian-60: rgba(0, 216, 216, 0.6);
+  --ng-doc-cian-70: rgba(0, 214, 214, 0.7);
+  --ng-doc-cian-80: rgba(0, 212, 212, 0.8);
+  --ng-doc-cian-90: rgba(0, 210, 210, 0.9);
+  --ng-doc-cian-100: #00CCCC;
+  --ng-doc-cian-110: rgb(0, 195, 195);
+  --ng-doc-cian-120: rgb(0, 186, 186);
+  --ng-doc-cian-130: rgb(0, 176, 176);
+  --ng-doc-cian-140: rgb(0, 169, 169);
+  --ng-doc-cian-150: rgb(0, 161, 161);
+  --ng-doc-cian-160: rgb(0, 152, 152);
+  --ng-doc-cian-170: rgb(0, 125, 125);
+  --ng-doc-cian-180: rgb(0, 137, 137);
+  --ng-doc-teal-rgb: 4, 191, 139;
+  --ng-doc-teal-10: rgba(7, 217, 174, 0.1);
+  --ng-doc-teal-20: rgba(7, 215, 171, 0.2);
+  --ng-doc-teal-30: rgba(6, 213, 167, 0.3);
+  --ng-doc-teal-40: rgba(6, 210, 164, 0.4);
+  --ng-doc-teal-50: rgba(6, 208, 161, 0.5);
+  --ng-doc-teal-60: rgba(6, 205, 158, 0.6);
+  --ng-doc-teal-70: rgba(5, 203, 155, 0.7);
+  --ng-doc-teal-80: rgba(5, 201, 152, 0.8);
+  --ng-doc-teal-90: rgba(5, 198, 148, 0.9);
+  --ng-doc-teal-100: #04BF8B;
+  --ng-doc-teal-110: rgb(4, 181, 130);
+  --ng-doc-teal-120: rgb(3, 172, 120);
+  --ng-doc-teal-130: rgb(3, 162, 110);
+  --ng-doc-teal-140: rgb(2, 155, 103);
+  --ng-doc-teal-150: rgb(2, 146, 95);
+  --ng-doc-teal-160: rgb(2, 138, 86);
+  --ng-doc-teal-170: rgb(1, 112, 68);
+  --ng-doc-teal-180: rgb(1, 122, 71);
+  --ng-doc-green-rgb: 0, 204, 0;
+  --ng-doc-green-10: rgba(1, 227, 1, 0.1);
+  --ng-doc-green-20: rgba(1, 225, 1, 0.2);
+  --ng-doc-green-30: rgba(0, 222, 0, 0.3);
+  --ng-doc-green-40: rgba(0, 220, 0, 0.4);
+  --ng-doc-green-50: rgba(0, 218, 0, 0.5);
+  --ng-doc-green-60: rgba(0, 216, 0, 0.6);
+  --ng-doc-green-70: rgba(0, 214, 0, 0.7);
+  --ng-doc-green-80: rgba(0, 212, 0, 0.8);
+  --ng-doc-green-90: rgba(0, 210, 0, 0.9);
+  --ng-doc-green-100: #00CC00;
+  --ng-doc-green-110: rgb(0, 195, 0);
+  --ng-doc-green-120: rgb(0, 186, 0);
+  --ng-doc-green-130: rgb(0, 176, 0);
+  --ng-doc-green-140: rgb(0, 169, 0);
+  --ng-doc-green-150: rgb(0, 161, 0);
+  --ng-doc-green-160: rgb(0, 152, 0);
+  --ng-doc-green-170: rgb(0, 125, 0);
+  --ng-doc-green-180: rgb(0, 137, 0);
+  --ng-doc-light-green-rgb: 0, 204, 51;
+  --ng-doc-light-green-10: rgba(1, 227, 74, 0.1);
+  --ng-doc-light-green-20: rgba(1, 225, 72, 0.2);
+  --ng-doc-light-green-30: rgba(0, 222, 69, 0.3);
+  --ng-doc-light-green-40: rgba(0, 220, 67, 0.4);
+  --ng-doc-light-green-50: rgba(0, 218, 65, 0.5);
+  --ng-doc-light-green-60: rgba(0, 216, 63, 0.6);
+  --ng-doc-light-green-70: rgba(0, 214, 61, 0.7);
+  --ng-doc-light-green-80: rgba(0, 212, 59, 0.8);
+  --ng-doc-light-green-90: rgba(0, 210, 57, 0.9);
+  --ng-doc-light-green-100: #00CC33;
+  --ng-doc-light-green-110: rgb(0, 195, 46);
+  --ng-doc-light-green-120: rgb(0, 186, 41);
+  --ng-doc-light-green-130: rgb(0, 176, 36);
+  --ng-doc-light-green-140: rgb(0, 169, 32);
+  --ng-doc-light-green-150: rgb(0, 161, 27);
+  --ng-doc-light-green-160: rgb(0, 152, 22);
+  --ng-doc-light-green-170: rgb(0, 125, 16);
+  --ng-doc-light-green-180: rgb(0, 137, 14);
+  --ng-doc-lime-rgb: 153, 255, 0;
+  --ng-doc-lime-10: rgba(187, 255, 1, 0.1);
+  --ng-doc-lime-20: rgba(184, 255, 1, 0.2);
+  --ng-doc-lime-30: rgba(180, 255, 0, 0.3);
+  --ng-doc-lime-40: rgba(177, 255, 0, 0.4);
+  --ng-doc-lime-50: rgba(174, 255, 0, 0.5);
+  --ng-doc-lime-60: rgba(171, 255, 0, 0.6);
+  --ng-doc-lime-70: rgba(168, 255, 0, 0.7);
+  --ng-doc-lime-80: rgba(165, 255, 0, 0.8);
+  --ng-doc-lime-90: rgba(162, 255, 0, 0.9);
+  --ng-doc-lime-100: #99FF00;
+  --ng-doc-lime-110: rgb(143, 249, 0);
+  --ng-doc-lime-120: rgb(134, 242, 0);
+  --ng-doc-lime-130: rgb(124, 233, 0);
+  --ng-doc-lime-140: rgb(116, 230, 0);
+  --ng-doc-lime-150: rgb(108, 223, 0);
+  --ng-doc-lime-160: rgb(99, 217, 0);
+  --ng-doc-lime-170: rgb(79, 182, 0);
+  --ng-doc-lime-180: rgb(83, 204, 0);
+  --ng-doc-yellow-rgb: 255, 255, 0;
+  --ng-doc-yellow-10: rgba(255, 255, 1, 0.1);
+  --ng-doc-yellow-20: rgba(255, 255, 1, 0.2);
+  --ng-doc-yellow-30: rgba(255, 255, 0, 0.3);
+  --ng-doc-yellow-40: rgba(255, 255, 0, 0.4);
+  --ng-doc-yellow-50: rgba(255, 255, 0, 0.5);
+  --ng-doc-yellow-60: rgba(255, 255, 0, 0.6);
+  --ng-doc-yellow-70: rgba(255, 255, 0, 0.7);
+  --ng-doc-yellow-80: rgba(255, 255, 0, 0.8);
+  --ng-doc-yellow-90: rgba(255, 255, 0, 0.9);
+  --ng-doc-yellow-100: #FFFF00;
+  --ng-doc-yellow-110: rgb(249, 249, 0);
+  --ng-doc-yellow-120: rgb(242, 242, 0);
+  --ng-doc-yellow-130: rgb(233, 233, 0);
+  --ng-doc-yellow-140: rgb(230, 230, 0);
+  --ng-doc-yellow-150: rgb(223, 223, 0);
+  --ng-doc-yellow-160: rgb(217, 217, 0);
+  --ng-doc-yellow-170: rgb(182, 182, 0);
+  --ng-doc-yellow-180: rgb(204, 204, 0);
+  --ng-doc-ember-rgb: 255, 204, 0;
+  --ng-doc-ember-10: rgba(255, 227, 1, 0.1);
+  --ng-doc-ember-20: rgba(255, 225, 1, 0.2);
+  --ng-doc-ember-30: rgba(255, 222, 0, 0.3);
+  --ng-doc-ember-40: rgba(255, 220, 0, 0.4);
+  --ng-doc-ember-50: rgba(255, 218, 0, 0.5);
+  --ng-doc-ember-60: rgba(255, 216, 0, 0.6);
+  --ng-doc-ember-70: rgba(255, 214, 0, 0.7);
+  --ng-doc-ember-80: rgba(255, 212, 0, 0.8);
+  --ng-doc-ember-90: rgba(255, 210, 0, 0.9);
+  --ng-doc-ember-100: #FFCC00;
+  --ng-doc-ember-110: rgb(249, 195, 0);
+  --ng-doc-ember-120: rgb(242, 186, 0);
+  --ng-doc-ember-130: rgb(233, 176, 0);
+  --ng-doc-ember-140: rgb(230, 169, 0);
+  --ng-doc-ember-150: rgb(223, 161, 0);
+  --ng-doc-ember-160: rgb(217, 152, 0);
+  --ng-doc-ember-170: rgb(182, 125, 0);
+  --ng-doc-ember-180: rgb(204, 137, 0);
+  --ng-doc-orange-rgb: 255, 153, 0;
+  --ng-doc-orange-10: rgba(255, 187, 1, 0.1);
+  --ng-doc-orange-20: rgba(255, 184, 1, 0.2);
+  --ng-doc-orange-30: rgba(255, 180, 0, 0.3);
+  --ng-doc-orange-40: rgba(255, 177, 0, 0.4);
+  --ng-doc-orange-50: rgba(255, 174, 0, 0.5);
+  --ng-doc-orange-60: rgba(255, 171, 0, 0.6);
+  --ng-doc-orange-70: rgba(255, 168, 0, 0.7);
+  --ng-doc-orange-80: rgba(255, 165, 0, 0.8);
+  --ng-doc-orange-90: rgba(255, 162, 0, 0.9);
+  --ng-doc-orange-100: #FF9900;
+  --ng-doc-orange-110: rgb(249, 143, 0);
+  --ng-doc-orange-120: rgb(242, 134, 0);
+  --ng-doc-orange-130: rgb(233, 124, 0);
+  --ng-doc-orange-140: rgb(230, 116, 0);
+  --ng-doc-orange-150: rgb(223, 108, 0);
+  --ng-doc-orange-160: rgb(217, 99, 0);
+  --ng-doc-orange-170: rgb(182, 79, 0);
+  --ng-doc-orange-180: rgb(204, 83, 0);
+  --ng-doc-deep-orange-rgb: 255, 102, 0;
+  --ng-doc-deep-orange-10: rgba(255, 136, 1, 0.1);
+  --ng-doc-deep-orange-20: rgba(255, 133, 1, 0.2);
+  --ng-doc-deep-orange-30: rgba(255, 130, 0, 0.3);
+  --ng-doc-deep-orange-40: rgba(255, 127, 0, 0.4);
+  --ng-doc-deep-orange-50: rgba(255, 124, 0, 0.5);
+  --ng-doc-deep-orange-60: rgba(255, 121, 0, 0.6);
+  --ng-doc-deep-orange-70: rgba(255, 118, 0, 0.7);
+  --ng-doc-deep-orange-80: rgba(255, 114, 0, 0.8);
+  --ng-doc-deep-orange-90: rgba(255, 111, 0, 0.9);
+  --ng-doc-deep-orange-100: #FF6600;
+  --ng-doc-deep-orange-110: rgb(249, 94, 0);
+  --ng-doc-deep-orange-120: rgb(242, 86, 0);
+  --ng-doc-deep-orange-130: rgb(233, 77, 0);
+  --ng-doc-deep-orange-140: rgb(230, 70, 0);
+  --ng-doc-deep-orange-150: rgb(223, 63, 0);
+  --ng-doc-deep-orange-160: rgb(217, 55, 0);
+  --ng-doc-deep-orange-170: rgb(182, 42, 0);
+  --ng-doc-deep-orange-180: rgb(204, 42, 0);
+  --ng-doc-grey-rgb: 30, 30, 30;
+  --ng-doc-grey-10: rgb(242, 242, 242);
+  --ng-doc-grey-20: rgb(230, 230, 230);
+  --ng-doc-grey-30: rgb(218, 218, 218);
+  --ng-doc-grey-40: rgb(206, 206, 206);
+  --ng-doc-grey-50: rgb(194, 194, 194);
+  --ng-doc-grey-60: rgb(182, 182, 182);
+  --ng-doc-grey-70: rgb(170, 170, 170);
+  --ng-doc-grey-80: rgb(159, 159, 159);
+  --ng-doc-grey-90: rgb(147, 147, 147);
+  --ng-doc-grey-100: rgb(136, 136, 136);
+  --ng-doc-grey-110: rgb(125, 125, 125);
+  --ng-doc-grey-120: rgb(114, 114, 114);
+  --ng-doc-grey-130: rgb(103, 103, 103);
+  --ng-doc-grey-140: rgb(92, 92, 92);
+  --ng-doc-grey-150: rgb(82, 82, 82);
+  --ng-doc-grey-160: rgb(71, 71, 71);
+  --ng-doc-grey-170: rgb(60, 60, 60);
+  --ng-doc-grey-180: rgb(50, 50, 50);
+  --ng-doc-black: #000;
+  --ng-doc-white: #fff;
+}
+
+:root {
+  --ng-doc-app-max-width: 1400px;
+  --ng-doc-app-horizontal-padding: calc(var(--ng-doc-base-gutter) * 3);
+  --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));
+  --ng-doc-sidebar-width: 310px;
+  --ng-doc-sidebar-background: var(--ng-doc-base-0);
+  --ng-doc-sidebar-padding: calc(var(--ng-doc-base-gutter) * 2);
+  --ng-doc-sidebar-vetical-padding: var(--ng-doc-base-gutter);
+  --ng-doc-sidebar-horizontal-padding: var(--ng-doc-app-horizontal-padding);
+  --ng-doc-demo-displayer-border: 1px solid var(--ng-doc-base-2);
+  --ng-doc-demo-displayer-border-radius: var(--ng-doc-base-gutter);
+  --ng-doc-code-max-height: 400px;
+  --ng-doc-page-map-width: 200px;
+}
+
+article header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-bottom: calc(var(--ng-doc-base-gutter) * 3);
+}
+article header .ng-doc-page-tags {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  margin-bottom: calc(var(--ng-doc-base-gutter) * 2);
+  line-height: 22px;
+}
+article header h1 {
+  margin-right: var(--ng-doc-base-gutter);
+}
+article header .ng-doc-header-details {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--ng-doc-base-gutter);
+  margin-top: var(--ng-doc-base-gutter);
+}
+article header .ng-doc-header-details .ng-doc-header-details-label {
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 18px;
+  margin-left: calc(var(--ng-doc-base-gutter) * 2);
+  opacity: 0.5;
+}
+article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
+  margin-left: 0;
+}
+
+.ng-doc-tags-wrapper {
+  line-height: 22px;
+}
+
+.ng-doc-tag {
+  display: inline-block;
+  padding: 0 var(--ng-doc-base-gutter);
+  font-size: 14px;
+  border-radius: var(--ng-doc-base-gutter);
+  background-color: var(--ng-doc-base-3);
+  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;
+}
+.ng-doc-tag + .ng-doc-tag {
+  margin-left: var(--ng-doc-base-gutter);
+}
+.ng-doc-tag[data-content=ng-doc-scope] {
+  padding: 0;
+  background-color: transparent;
+  color: var(--ng-doc-text);
+}
+.ng-doc-tag[data-content=ng-doc-declaration-modifier] {
+  font-family: var(--ng-doc-heading-font-family);
+  font-weight: 800;
+  background-color: transparent;
+  color: var(--ng-doc-deep-orange-100);
+  padding: 0;
+}
+.ng-doc-tag[data-content=Class] {
+  background-color: var(--ng-doc-pink-10);
+  color: var(--ng-doc-pink-70);
+}
+.ng-doc-tag[data-content=Interface] {
+  background-color: var(--ng-doc-blue-20);
+  color: var(--ng-doc-blue-90);
+}
+.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=Function] {
+  background-color: var(--ng-doc-green-20);
+  color: var(--ng-doc-green-150);
+}
+.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=Component] {
+  background-color: var(--ng-doc-light-blue-10);
+  color: var(--ng-doc-light-blue-100);
+}
+.ng-doc-tag[data-content=Directive] {
+  background-color: var(--ng-doc-orange-10);
+  color: var(--ng-doc-orange-100);
+}
+.ng-doc-tag[data-content=Service] {
+  background-color: var(--ng-doc-indigo-10);
+  color: var(--ng-doc-indigo-100);
+}
+.ng-doc-tag[data-content=Pipe] {
+  background-color: var(--ng-doc-green-10);
+  color: var(--ng-doc-green-100);
+}
+.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);
+}
+.ng-doc-tag[data-content=ng-doc-tag-selector] {
+  background-color: var(--ng-doc-teal-10);
+  color: var(--ng-doc-teal-150);
+}
+
+.ng-doc-decorators-group {
+  display: flex;
+}
+.ng-doc-decorators-group.column {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.ng-doc-decorators-group.column .ng-doc-tag {
+  margin: 0;
+  margin-bottom: var(--ng-doc-base-gutter);
+}
+
+.ng-doc-modifiers-wrapper {
+  line-height: 18px;
+}
+
+.ng-doc-modifier {
+  font-size: 14px;
+  color: var(--ng-doc-text);
+  white-space: nowrap;
+  font-weight: 800;
+}
+.ng-doc-modifier[data-content=Abstract] {
+  color: var(--ng-doc-deep-orange-100);
+}
+.ng-doc-modifier[data-content=Static] {
+  color: var(--ng-doc-pink-100);
+}
+.ng-doc-modifier[data-content=Async] {
+  color: var(--ng-doc-green-100);
+}
+.ng-doc-modifier[data-content=Readonly] {
+  color: var(--ng-doc-deep-orange-100);
+}
+
+.ng-doc-badge-wrapper {
+  line-height: calc(var(--ng-doc-base-gutter) * 2);
+}
+
+.ng-doc-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: calc(var(--ng-doc-base-gutter) * 2);
+  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);
+}
+.ng-doc-badge[data-content=Abstract] {
+  background-color: var(--ng-doc-deep-orange-100);
+}
+.ng-doc-badge[data-content=Static] {
+  background-color: var(--ng-doc-pink-100);
+}
+.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-see-also li {
+  margin: var(--ng-doc-base-gutter) 0;
+}
+.ng-doc-see-also li p {
+  margin: 0;
+}
+
+table.ng-doc-properties-table .ng-doc-properties-table-name {
+  width: 25%;
+}
+table.ng-doc-properties-table .ng-doc-properties-table-type {
+  width: 25%;
+}
+
+table.ng-doc-parameters-table .ng-doc-parameters-table-name {
+  width: 25%;
+}
+table.ng-doc-parameters-table .ng-doc-parameters-table-type {
+  width: 25%;
+}
+
+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;
+}
+article h1 .ng-doc-header-link, article h2 .ng-doc-header-link, article h3 .ng-doc-header-link,
+article h4 .ng-doc-header-link, article h5 .ng-doc-header-link, article h6 .ng-doc-header-link {
+  opacity: 0;
+  transition: var(--ng-doc-transition);
+}
+article h1:first-child, article h2:first-child, article h3:first-child,
+article h4:first-child, article h5:first-child, article h6:first-child {
+  margin-top: 0;
+}
+article section {
+  margin-bottom: calc(var(--ng-doc-base-gutter) * 5);
+}
+article header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-bottom: calc(var(--ng-doc-base-gutter) * 3);
+}
+article header .ng-doc-page-tags {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: var(--ng-doc-base-gutter);
+  margin-bottom: calc(var(--ng-doc-base-gutter) * 2);
+  line-height: 22px;
+}
+article header h1 {
+  margin: 0;
+  margin-right: var(--ng-doc-base-gutter);
+}
+article th p,
+article td p {
+  margin: 0;
+}
+article .ng-doc-inline-header {
+  display: flex;
+  align-items: center;
+}
+article .ng-doc-inline-header h1, article .ng-doc-inline-header h2, article .ng-doc-inline-header h3,
+article .ng-doc-inline-header h4, article .ng-doc-inline-header h5, article .ng-doc-inline-header h6 {
+  margin-right: var(--ng-doc-base-gutter);
+}
+article .ng-doc-inline-delimiter {
+  font-weight: 700;
+  font-size: 14px;
+  opacity: 0.2;
+}
+article .ng-doc-header-link {
+  display: inline-flex;
+  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;
+}
+article ng-doc-demo,
+article ng-doc-playground {
+  margin: calc(var(--ng-doc-base-gutter) * 4) 0;
+}
+
+html {
+  overflow-y: scroll;
+}
+
+html,
+body {
+  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);
+  font-size: var(--ng-doc-font-size);
+  background-color: var(--ng-doc-background);
+  margin: 0;
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+/* width */
+::-webkit-scrollbar {
+  width: var(--ng-doc-base-gutter);
+  height: var(--ng-doc-base-gutter);
+}
+
+/* Track */
+::-webkit-scrollbar-track:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: var(--ng-doc-base-6);
+  border-radius: calc(var(--ng-doc-base-gutter) * 2);
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: var(--ng-doc-base-8);
+}