@ng-doc/app 16.4.3 → 16.5.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/components/page-link/page-link.component.d.ts +6 -1
  2. package/esm2022/components/code/code.component.mjs +6 -4
  3. package/esm2022/components/page/page.component.mjs +18 -3
  4. package/esm2022/components/page-link/page-link.component.mjs +14 -8
  5. package/esm2022/components/playground/playground-demo/playground-demo.component.mjs +4 -5
  6. package/esm2022/components/playground/playground-property/playground-property.component.mjs +3 -3
  7. package/esm2022/helpers/format-html.mjs +16 -0
  8. package/esm2022/helpers/index.mjs +2 -1
  9. package/fesm2022/ng-doc-app-components-code.mjs +5 -3
  10. package/fesm2022/ng-doc-app-components-code.mjs.map +1 -1
  11. package/fesm2022/ng-doc-app-components-page-link.mjs +12 -6
  12. package/fesm2022/ng-doc-app-components-page-link.mjs.map +1 -1
  13. package/fesm2022/ng-doc-app-components-page.mjs +18 -3
  14. package/fesm2022/ng-doc-app-components-page.mjs.map +1 -1
  15. package/fesm2022/ng-doc-app-components-playground.mjs +5 -6
  16. package/fesm2022/ng-doc-app-components-playground.mjs.map +1 -1
  17. package/fesm2022/ng-doc-app-helpers.mjs +17 -1
  18. package/fesm2022/ng-doc-app-helpers.mjs.map +1 -1
  19. package/helpers/format-html.d.ts +5 -0
  20. package/helpers/index.d.ts +1 -0
  21. package/package.json +4 -5
  22. package/styles/global.css +15 -4
  23. package/styles/main.css +15 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-doc/app",
3
- "version": "16.4.3",
3
+ "version": "16.5.0-beta.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=16.0.0",
6
6
  "@angular/core": ">=16.0.0",
@@ -12,12 +12,11 @@
12
12
  },
13
13
  "dependencies": {
14
14
  "tslib": "^2.3.0",
15
- "@ng-doc/core": "16.4.3",
16
- "@ng-doc/ui-kit": "16.4.3",
15
+ "@ng-doc/core": "16.5.0-beta.2",
16
+ "@ng-doc/ui-kit": "16.5.0-beta.2",
17
17
  "@orama/plugin-match-highlight": "1.0.2",
18
18
  "@orama/stemmers": "1.0.2",
19
- "highlight.js": "11.5.1",
20
- "js-beautify": "1.14.7"
19
+ "highlight.js": "11.5.1"
21
20
  },
22
21
  "publishConfig": {
23
22
  "access": "public"
package/styles/global.css CHANGED
@@ -24,7 +24,7 @@ ol.ngde {
24
24
  ul li.ngde,
25
25
  ol li.ngde {
26
26
  line-height: 1.5rem;
27
- margin-bottom: calc(var(--ng-doc-base-gutter) * 2);
27
+ margin-bottom: calc(var(--ng-doc-base-gutter) + var(--ng-doc-base-gutter) / 2);
28
28
  }
29
29
 
30
30
  ul ul.ngde,
@@ -131,6 +131,7 @@ pre.ngde code.ngde {
131
131
  font-family: var(--ng-doc-code-font);
132
132
  font-size: var(--ng-doc-code-font-size);
133
133
  font-weight: var(--ng-doc-code-font-weight);
134
+ line-height: var(--ng-doc-code-line-height);
134
135
  border: var(--ng-doc-code-border);
135
136
  background-color: var(--ng-doc-code-background, inherit);
136
137
  }
@@ -144,6 +145,7 @@ pre.ngde code.ngde {
144
145
  font-family: var(--ng-doc-code-font);
145
146
  font-size: var(--ng-doc-code-font-size);
146
147
  font-weight: var(--ng-doc-code-font-weight);
148
+ line-height: var(--ng-doc-line-height);
147
149
  white-space: nowrap;
148
150
  }
149
151
 
@@ -321,7 +323,7 @@ mark.ng-doc-mark {
321
323
  font-size: var(--ng-doc-font-size);
322
324
  font-weight: var(--ng-doc-font-weight);
323
325
  padding: var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);
324
- max-width: 576px;
326
+ max-width: 400px;
325
327
  max-height: 50vh;
326
328
  white-space: pre-line;
327
329
  overflow-y: auto;
@@ -773,6 +775,9 @@ article header .ng-doc-header-details {
773
775
  margin-top: var(--ng-doc-base-gutter);
774
776
  line-height: 18px;
775
777
  }
778
+ article header .ng-doc-header-details code {
779
+ --ng-doc-line-height: 18px;
780
+ }
776
781
  article header .ng-doc-header-details .ng-doc-header-details-label {
777
782
  font-size: 11px;
778
783
  font-weight: 600;
@@ -865,14 +870,19 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
865
870
 
866
871
  .ng-doc-decorators-group {
867
872
  display: flex;
873
+ margin-bottom: calc(var(--ng-doc-base-gutter) / 2);
874
+ }
875
+ .ng-doc-decorators-group code {
876
+ --ng-doc-line-height: 18px;
868
877
  }
869
878
  .ng-doc-decorators-group.column {
870
879
  flex-direction: column;
871
880
  align-items: flex-start;
881
+ margin-bottom: 0;
872
882
  }
873
- .ng-doc-decorators-group.column .ng-doc-tag {
883
+ .ng-doc-decorators-group.column code {
874
884
  margin: 0;
875
- margin-bottom: var(--ng-doc-base-gutter);
885
+ margin-bottom: calc(var(--ng-doc-base-gutter) / 2);
876
886
  }
877
887
 
878
888
  .ng-doc-modifiers-wrapper {
@@ -920,6 +930,7 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
920
930
  line-height: var(--ng-doc-line-height);
921
931
  font-size: var(--ng-doc-font-size);
922
932
  font-weight: var(--ng-doc-font-weight);
933
+ --ng-doc-code-line-height: var(--ng-doc-line-height);
923
934
  --ng-doc-font-size: 14px;
924
935
  --ng-doc-text: var(--ng-doc-text-muted);
925
936
  --ng-doc-font-weight: 400;
package/styles/main.css CHANGED
@@ -24,7 +24,7 @@ ol.ngde {
24
24
  ul li.ngde,
25
25
  ol li.ngde {
26
26
  line-height: 1.5rem;
27
- margin-bottom: calc(var(--ng-doc-base-gutter) * 2);
27
+ margin-bottom: calc(var(--ng-doc-base-gutter) + var(--ng-doc-base-gutter) / 2);
28
28
  }
29
29
 
30
30
  ul ul.ngde,
@@ -131,6 +131,7 @@ pre.ngde code.ngde {
131
131
  font-family: var(--ng-doc-code-font);
132
132
  font-size: var(--ng-doc-code-font-size);
133
133
  font-weight: var(--ng-doc-code-font-weight);
134
+ line-height: var(--ng-doc-code-line-height);
134
135
  border: var(--ng-doc-code-border);
135
136
  background-color: var(--ng-doc-code-background, inherit);
136
137
  }
@@ -144,6 +145,7 @@ pre.ngde code.ngde {
144
145
  font-family: var(--ng-doc-code-font);
145
146
  font-size: var(--ng-doc-code-font-size);
146
147
  font-weight: var(--ng-doc-code-font-weight);
148
+ line-height: var(--ng-doc-line-height);
147
149
  white-space: nowrap;
148
150
  }
149
151
 
@@ -321,7 +323,7 @@ mark.ng-doc-mark {
321
323
  font-size: var(--ng-doc-font-size);
322
324
  font-weight: var(--ng-doc-font-weight);
323
325
  padding: var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);
324
- max-width: 576px;
326
+ max-width: 400px;
325
327
  max-height: 50vh;
326
328
  white-space: pre-line;
327
329
  overflow-y: auto;
@@ -773,6 +775,9 @@ article header .ng-doc-header-details {
773
775
  margin-top: var(--ng-doc-base-gutter);
774
776
  line-height: 18px;
775
777
  }
778
+ article header .ng-doc-header-details code {
779
+ --ng-doc-line-height: 18px;
780
+ }
776
781
  article header .ng-doc-header-details .ng-doc-header-details-label {
777
782
  font-size: 11px;
778
783
  font-weight: 600;
@@ -865,14 +870,19 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
865
870
 
866
871
  .ng-doc-decorators-group {
867
872
  display: flex;
873
+ margin-bottom: calc(var(--ng-doc-base-gutter) / 2);
874
+ }
875
+ .ng-doc-decorators-group code {
876
+ --ng-doc-line-height: 18px;
868
877
  }
869
878
  .ng-doc-decorators-group.column {
870
879
  flex-direction: column;
871
880
  align-items: flex-start;
881
+ margin-bottom: 0;
872
882
  }
873
- .ng-doc-decorators-group.column .ng-doc-tag {
883
+ .ng-doc-decorators-group.column code {
874
884
  margin: 0;
875
- margin-bottom: var(--ng-doc-base-gutter);
885
+ margin-bottom: calc(var(--ng-doc-base-gutter) / 2);
876
886
  }
877
887
 
878
888
  .ng-doc-modifiers-wrapper {
@@ -920,6 +930,7 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
920
930
  line-height: var(--ng-doc-line-height);
921
931
  font-size: var(--ng-doc-font-size);
922
932
  font-weight: var(--ng-doc-font-weight);
933
+ --ng-doc-code-line-height: var(--ng-doc-line-height);
923
934
  --ng-doc-font-size: 14px;
924
935
  --ng-doc-text: var(--ng-doc-text-muted);
925
936
  --ng-doc-font-weight: 400;