@blackbaud/skyux-lib-code-block 7.0.0 → 8.0.0-alpha.1

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 (31) hide show
  1. package/README.md +4 -36
  2. package/esm2020/blackbaud-skyux-lib-code-block.mjs +2 -2
  3. package/esm2020/index.mjs +7 -0
  4. package/esm2020/{modules → lib/modules}/code/code.component.mjs +1 -1
  5. package/esm2020/lib/modules/code/code.module.mjs +18 -0
  6. package/esm2020/lib/modules/code-block/code-block.component.mjs +115 -0
  7. package/esm2020/lib/modules/code-block/code-block.module.mjs +20 -0
  8. package/esm2020/lib/modules/code-block/prism-languages.mjs +307 -0
  9. package/esm2020/lib/modules/shared/sky-code-block-resources.module.mjs +49 -0
  10. package/fesm2015/blackbaud-skyux-lib-code-block.mjs +396 -389
  11. package/fesm2015/blackbaud-skyux-lib-code-block.mjs.map +1 -1
  12. package/fesm2020/blackbaud-skyux-lib-code-block.mjs +396 -389
  13. package/fesm2020/blackbaud-skyux-lib-code-block.mjs.map +1 -1
  14. package/index.d.ts +4 -5
  15. package/{modules → lib/modules}/code/code.component.d.ts +0 -0
  16. package/{modules → lib/modules}/code/code.module.d.ts +0 -0
  17. package/lib/modules/code-block/code-block.component.d.ts +23 -0
  18. package/{modules → lib/modules}/code-block/code-block.module.d.ts +0 -0
  19. package/lib/modules/code-block/prism-languages.d.ts +154 -0
  20. package/{modules → lib/modules}/shared/sky-code-block-resources.module.d.ts +1 -1
  21. package/package.json +18 -3
  22. package/LICENSE +0 -21
  23. package/esm2020/modules/code/code.module.mjs +0 -24
  24. package/esm2020/modules/code-block/code-block.component.mjs +0 -98
  25. package/esm2020/modules/code-block/code-block.module.mjs +0 -32
  26. package/esm2020/modules/code-block/prism-languages.mjs +0 -307
  27. package/esm2020/modules/shared/sky-code-block-resources.module.mjs +0 -41
  28. package/esm2020/public-api.mjs +0 -7
  29. package/modules/code-block/code-block.component.d.ts +0 -32
  30. package/modules/code-block/prism-languages.d.ts +0 -154
  31. package/public-api.d.ts +0 -4
package/fesm2015/blackbaud-skyux-lib-code-block.mjs CHANGED
@@ -1,174 +1,179 @@
1
- import * as i0 from '@angular/core';
2
- import { NgModule, ElementRef, Component, Input, ViewChild, ChangeDetectionStrategy } from '@angular/core';
3
1
  import * as i2 from '@angular/common';
4
2
  import { CommonModule } from '@angular/common';
3
+ import * as i0 from '@angular/core';
4
+ import { NgModule, ElementRef, Component, Input, ViewChild, ChangeDetectionStrategy } from '@angular/core';
5
5
  import * as i3 from '@blackbaud/skyux-lib-clipboard';
6
6
  import { SkyClipboardModule } from '@blackbaud/skyux-lib-clipboard';
7
7
  import * as i4 from '@skyux/i18n';
8
8
  import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
9
- import * as Prism from 'prismjs';
9
+ import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
10
+ import Prism from 'prismjs';
10
11
  import 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace';
11
- import 'prismjs/components/prism-basic';
12
- import 'prismjs/components/prism-markup-templating';
13
- import 'prismjs/components/prism-markup';
14
- import 'prismjs/components/prism-c';
15
- import 'prismjs/components/prism-css';
16
- import 'prismjs/components/prism-clike';
17
- import 'prismjs/components/prism-javascript';
18
- import 'prismjs/components/prism-abap';
19
- import 'prismjs/components/prism-actionscript';
20
- import 'prismjs/components/prism-ada';
21
- import 'prismjs/components/prism-apacheconf';
22
- import 'prismjs/components/prism-apl';
23
- import 'prismjs/components/prism-applescript';
24
- import 'prismjs/components/prism-arff';
25
- import 'prismjs/components/prism-asciidoc';
26
- import 'prismjs/components/prism-asm6502';
27
- import 'prismjs/components/prism-aspnet';
28
- import 'prismjs/components/prism-autohotkey';
29
- import 'prismjs/components/prism-autoit';
30
- import 'prismjs/components/prism-bash';
31
- import 'prismjs/components/prism-batch';
32
- import 'prismjs/components/prism-bison';
33
- import 'prismjs/components/prism-brainfuck';
34
- import 'prismjs/components/prism-bro';
35
- import 'prismjs/components/prism-csharp';
36
- import 'prismjs/components/prism-cpp';
37
- import 'prismjs/components/prism-coffeescript';
38
- import 'prismjs/components/prism-clojure';
39
- import 'prismjs/components/prism-csp';
40
- import 'prismjs/components/prism-css-extras';
41
- import 'prismjs/components/prism-d';
42
- import 'prismjs/components/prism-dart';
43
- import 'prismjs/components/prism-diff';
44
- import 'prismjs/components/prism-django';
45
- import 'prismjs/components/prism-docker';
46
- import 'prismjs/components/prism-eiffel';
47
- import 'prismjs/components/prism-elixir';
48
- import 'prismjs/components/prism-elm';
49
- import 'prismjs/components/prism-erb';
50
- import 'prismjs/components/prism-erlang';
51
- import 'prismjs/components/prism-fsharp';
52
- import 'prismjs/components/prism-flow';
53
- import 'prismjs/components/prism-fortran';
54
- import 'prismjs/components/prism-gedcom';
55
- import 'prismjs/components/prism-gherkin';
56
- import 'prismjs/components/prism-git';
57
- import 'prismjs/components/prism-glsl';
58
- import 'prismjs/components/prism-go';
59
- import 'prismjs/components/prism-graphql';
60
- import 'prismjs/components/prism-groovy';
61
- import 'prismjs/components/prism-haml';
62
- import 'prismjs/components/prism-handlebars';
63
- import 'prismjs/components/prism-haskell';
64
- import 'prismjs/components/prism-haxe';
65
- import 'prismjs/components/prism-http';
66
- import 'prismjs/components/prism-hpkp';
67
- import 'prismjs/components/prism-hsts';
68
- import 'prismjs/components/prism-ichigojam';
69
- import 'prismjs/components/prism-icon';
70
- import 'prismjs/components/prism-inform7';
71
- import 'prismjs/components/prism-ini';
72
- import 'prismjs/components/prism-io';
73
- import 'prismjs/components/prism-j';
74
- import 'prismjs/components/prism-java';
75
- import 'prismjs/components/prism-jolie';
76
- import 'prismjs/components/prism-json';
77
- import 'prismjs/components/prism-julia';
78
- import 'prismjs/components/prism-keyman';
79
- import 'prismjs/components/prism-kotlin';
80
- import 'prismjs/components/prism-latex';
81
- import 'prismjs/components/prism-less';
82
- import 'prismjs/components/prism-liquid';
83
- import 'prismjs/components/prism-lisp';
84
- import 'prismjs/components/prism-livescript';
85
- import 'prismjs/components/prism-lolcode';
86
- import 'prismjs/components/prism-lua';
87
- import 'prismjs/components/prism-makefile';
88
- import 'prismjs/components/prism-markdown';
89
- import 'prismjs/components/prism-matlab';
90
- import 'prismjs/components/prism-mel';
91
- import 'prismjs/components/prism-mizar';
92
- import 'prismjs/components/prism-monkey';
93
- import 'prismjs/components/prism-n4js';
94
- import 'prismjs/components/prism-nasm';
95
- import 'prismjs/components/prism-nginx';
96
- import 'prismjs/components/prism-nim';
97
- import 'prismjs/components/prism-nix';
98
- import 'prismjs/components/prism-nsis';
99
- import 'prismjs/components/prism-objectivec';
100
- import 'prismjs/components/prism-ocaml';
101
- import 'prismjs/components/prism-opencl';
102
- import 'prismjs/components/prism-oz';
103
- import 'prismjs/components/prism-parigp';
104
- import 'prismjs/components/prism-parser';
105
- import 'prismjs/components/prism-pascal';
106
- import 'prismjs/components/prism-perl';
107
- import 'prismjs/components/prism-php';
108
- import 'prismjs/components/prism-php-extras';
109
- import 'prismjs/components/prism-powershell';
110
- import 'prismjs/components/prism-processing';
111
- import 'prismjs/components/prism-prolog';
112
- import 'prismjs/components/prism-properties';
113
- import 'prismjs/components/prism-protobuf';
114
- import 'prismjs/components/prism-pug';
115
- import 'prismjs/components/prism-puppet';
116
- import 'prismjs/components/prism-pure';
117
- import 'prismjs/components/prism-python';
118
- import 'prismjs/components/prism-q';
119
- import 'prismjs/components/prism-qore';
120
- import 'prismjs/components/prism-r';
121
- import 'prismjs/components/prism-jsx';
122
- import 'prismjs/components/prism-tsx';
123
- import 'prismjs/components/prism-renpy';
124
- import 'prismjs/components/prism-reason';
125
- import 'prismjs/components/prism-rest';
126
- import 'prismjs/components/prism-rip';
127
- import 'prismjs/components/prism-roboconf';
128
- import 'prismjs/components/prism-ruby';
129
- import 'prismjs/components/prism-rust';
130
- import 'prismjs/components/prism-sas';
131
- import 'prismjs/components/prism-sass';
132
- import 'prismjs/components/prism-scss';
133
- import 'prismjs/components/prism-scala';
134
- import 'prismjs/components/prism-scheme';
135
- import 'prismjs/components/prism-smalltalk';
136
- import 'prismjs/components/prism-smarty';
137
- import 'prismjs/components/prism-sql';
138
- import 'prismjs/components/prism-soy';
139
- import 'prismjs/components/prism-stylus';
140
- import 'prismjs/components/prism-swift';
141
- import 'prismjs/components/prism-tap';
142
- import 'prismjs/components/prism-tcl';
143
- import 'prismjs/components/prism-textile';
144
- import 'prismjs/components/prism-tt2';
145
- import 'prismjs/components/prism-twig';
146
- import 'prismjs/components/prism-typescript';
147
- import 'prismjs/components/prism-vbnet';
148
- import 'prismjs/components/prism-velocity';
149
- import 'prismjs/components/prism-verilog';
150
- import 'prismjs/components/prism-vhdl';
151
- import 'prismjs/components/prism-vim';
152
- import 'prismjs/components/prism-visual-basic';
153
- import 'prismjs/components/prism-wasm';
154
- import 'prismjs/components/prism-wiki';
155
- import 'prismjs/components/prism-xeora';
156
- import 'prismjs/components/prism-xojo';
157
- import 'prismjs/components/prism-xquery';
158
- import 'prismjs/components/prism-yaml';
159
- import 'prismjs/components/prism-arduino';
160
- import 'prismjs/components/prism-crystal';
161
- import 'prismjs/components/prism-plsql';
12
+ import 'prismjs/components/prism-abap.min';
13
+ import 'prismjs/components/prism-actionscript.min';
14
+ import 'prismjs/components/prism-ada.min';
15
+ import 'prismjs/components/prism-apacheconf.min';
16
+ import 'prismjs/components/prism-apl.min';
17
+ import 'prismjs/components/prism-applescript.min';
18
+ import 'prismjs/components/prism-arff.min';
19
+ import 'prismjs/components/prism-asciidoc.min';
20
+ import 'prismjs/components/prism-asm6502.min';
21
+ import 'prismjs/components/prism-aspnet.min';
22
+ import 'prismjs/components/prism-autohotkey.min';
23
+ import 'prismjs/components/prism-autoit.min';
24
+ import 'prismjs/components/prism-bash.min';
25
+ import 'prismjs/components/prism-basic.min';
26
+ import 'prismjs/components/prism-batch.min';
27
+ import 'prismjs/components/prism-c.min';
28
+ import 'prismjs/components/prism-bison.min';
29
+ import 'prismjs/components/prism-brainfuck.min';
30
+ import 'prismjs/components/prism-bro.min';
31
+ import 'prismjs/components/prism-clike.min';
32
+ import 'prismjs/components/prism-clojure.min';
33
+ import 'prismjs/components/prism-coffeescript.min';
34
+ import 'prismjs/components/prism-cpp.min';
35
+ import 'prismjs/components/prism-arduino.min';
36
+ import 'prismjs/components/prism-csharp.min';
37
+ import 'prismjs/components/prism-csp.min';
38
+ import 'prismjs/components/prism-css.min';
39
+ import 'prismjs/components/prism-css-extras.min';
40
+ import 'prismjs/components/prism-d.min';
41
+ import 'prismjs/components/prism-dart.min';
42
+ import 'prismjs/components/prism-diff.min';
43
+ import 'prismjs/components/prism-docker.min';
44
+ import 'prismjs/components/prism-eiffel.min';
45
+ import 'prismjs/components/prism-elixir.min';
46
+ import 'prismjs/components/prism-elm.min';
47
+ import 'prismjs/components/prism-erb.min';
48
+ import 'prismjs/components/prism-erlang.min';
49
+ import 'prismjs/components/prism-flow.min';
50
+ import 'prismjs/components/prism-fortran.min';
51
+ import 'prismjs/components/prism-fsharp.min';
52
+ import 'prismjs/components/prism-gedcom.min';
53
+ import 'prismjs/components/prism-gherkin.min';
54
+ import 'prismjs/components/prism-git.min';
55
+ import 'prismjs/components/prism-glsl.min';
56
+ import 'prismjs/components/prism-go.min';
57
+ import 'prismjs/components/prism-graphql.min';
58
+ import 'prismjs/components/prism-groovy.min';
59
+ import 'prismjs/components/prism-haml.min';
60
+ import 'prismjs/components/prism-handlebars.min';
61
+ import 'prismjs/components/prism-haskell.min';
62
+ import 'prismjs/components/prism-haxe.min';
63
+ import 'prismjs/components/prism-hpkp.min';
64
+ import 'prismjs/components/prism-hsts.min';
65
+ import 'prismjs/components/prism-http.min';
66
+ import 'prismjs/components/prism-ichigojam.min';
67
+ import 'prismjs/components/prism-icon.min';
68
+ import 'prismjs/components/prism-inform7.min';
69
+ import 'prismjs/components/prism-ini.min';
70
+ import 'prismjs/components/prism-io.min';
71
+ import 'prismjs/components/prism-j.min';
72
+ import 'prismjs/components/prism-java.min';
73
+ import 'prismjs/components/prism-javascript.min';
74
+ import 'prismjs/components/prism-jolie.min';
75
+ import 'prismjs/components/prism-json.min';
76
+ import 'prismjs/components/prism-jsx.min';
77
+ import 'prismjs/components/prism-julia.min';
78
+ import 'prismjs/components/prism-keyman.min';
79
+ import 'prismjs/components/prism-kotlin.min';
80
+ import 'prismjs/components/prism-latex.min';
81
+ import 'prismjs/components/prism-less.min';
82
+ import 'prismjs/components/prism-liquid.min';
83
+ import 'prismjs/components/prism-lisp.min';
84
+ import 'prismjs/components/prism-livescript.min';
85
+ import 'prismjs/components/prism-lolcode.min';
86
+ import 'prismjs/components/prism-lua.min';
87
+ import 'prismjs/components/prism-makefile.min';
88
+ import 'prismjs/components/prism-markdown.min';
89
+ import 'prismjs/components/prism-markup.min';
90
+ import 'prismjs/components/prism-markup-templating.min';
91
+ import 'prismjs/components/prism-django.min';
92
+ import 'prismjs/components/prism-matlab.min';
93
+ import 'prismjs/components/prism-mel.min';
94
+ import 'prismjs/components/prism-mizar.min';
95
+ import 'prismjs/components/prism-monkey.min';
96
+ import 'prismjs/components/prism-n4js.min';
97
+ import 'prismjs/components/prism-nasm.min';
98
+ import 'prismjs/components/prism-nginx.min';
99
+ import 'prismjs/components/prism-nim.min';
100
+ import 'prismjs/components/prism-nix.min';
101
+ import 'prismjs/components/prism-nsis.min';
102
+ import 'prismjs/components/prism-objectivec.min';
103
+ import 'prismjs/components/prism-ocaml.min';
104
+ import 'prismjs/components/prism-opencl.min';
105
+ import 'prismjs/components/prism-oz.min';
106
+ import 'prismjs/components/prism-parigp.min';
107
+ import 'prismjs/components/prism-parser.min';
108
+ import 'prismjs/components/prism-pascal.min';
109
+ import 'prismjs/components/prism-perl.min';
110
+ import 'prismjs/components/prism-php.min';
111
+ import 'prismjs/components/prism-php-extras.min';
112
+ import 'prismjs/components/prism-powershell.min';
113
+ import 'prismjs/components/prism-processing.min';
114
+ import 'prismjs/components/prism-prolog.min';
115
+ import 'prismjs/components/prism-properties.min';
116
+ import 'prismjs/components/prism-protobuf.min';
117
+ import 'prismjs/components/prism-pug.min';
118
+ import 'prismjs/components/prism-puppet.min';
119
+ import 'prismjs/components/prism-pure.min';
120
+ import 'prismjs/components/prism-python.min';
121
+ import 'prismjs/components/prism-q.min';
122
+ import 'prismjs/components/prism-qore.min';
123
+ import 'prismjs/components/prism-r.min';
124
+ import 'prismjs/components/prism-reason.min';
125
+ import 'prismjs/components/prism-renpy.min';
126
+ import 'prismjs/components/prism-rest.min';
127
+ import 'prismjs/components/prism-rip.min';
128
+ import 'prismjs/components/prism-roboconf.min';
129
+ import 'prismjs/components/prism-ruby.min';
130
+ import 'prismjs/components/prism-crystal.min';
131
+ import 'prismjs/components/prism-rust.min';
132
+ import 'prismjs/components/prism-sas.min';
133
+ import 'prismjs/components/prism-sass.min';
134
+ import 'prismjs/components/prism-scala.min';
135
+ import 'prismjs/components/prism-scheme.min';
136
+ import 'prismjs/components/prism-scss.min';
137
+ import 'prismjs/components/prism-smalltalk.min';
138
+ import 'prismjs/components/prism-smarty.min';
139
+ import 'prismjs/components/prism-soy.min';
140
+ import 'prismjs/components/prism-sql.min';
141
+ import 'prismjs/components/prism-plsql.min';
142
+ import 'prismjs/components/prism-stylus.min';
143
+ import 'prismjs/components/prism-swift.min';
144
+ import 'prismjs/components/prism-tap.min';
145
+ import 'prismjs/components/prism-tcl.min';
146
+ import 'prismjs/components/prism-textile.min';
147
+ import 'prismjs/components/prism-tsx.min';
148
+ import 'prismjs/components/prism-tt2.min';
149
+ import 'prismjs/components/prism-twig.min';
150
+ import 'prismjs/components/prism-typescript.min';
151
+ import 'prismjs/components/prism-vbnet.min';
152
+ import 'prismjs/components/prism-velocity.min';
153
+ import 'prismjs/components/prism-verilog.min';
154
+ import 'prismjs/components/prism-vhdl.min';
155
+ import 'prismjs/components/prism-vim.min';
156
+ import 'prismjs/components/prism-visual-basic.min';
157
+ import 'prismjs/components/prism-wasm.min';
158
+ import 'prismjs/components/prism-wiki.min';
159
+ import 'prismjs/components/prism-xeora.min';
160
+ import 'prismjs/components/prism-xojo.min';
161
+ import 'prismjs/components/prism-xquery.min';
162
+ import 'prismjs/components/prism-yaml.min';
162
163
  import * as i1 from '@angular/platform-browser';
163
164
 
164
165
  /**
165
166
  * NOTICE: DO NOT MODIFY THIS FILE!
166
167
  * The contents of this file were automatically generated by
167
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-code-block' schematic.
168
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-code-block' schematic.
168
169
  * To update this file, simply rerun the command.
169
170
  */
170
171
  const RESOURCES = {
171
- 'EN-US': { "sky_copy_to_clipboard_button_title": { "message": "Copy to clipboard" }, "sky_copy_to_clipboard_button": { "message": "Copy" }, "sky_copy_to_clipboard_button_success": { "message": "Copied!" } },
172
+ 'EN-US': {
173
+ sky_copy_to_clipboard_button_title: { message: 'Copy to clipboard' },
174
+ sky_copy_to_clipboard_button: { message: 'Copy' },
175
+ sky_copy_to_clipboard_button_success: { message: 'Copied!' },
176
+ },
172
177
  };
173
178
  class SkyCodeBlockResourcesProvider {
174
179
  getString(localeInfo, name) {
@@ -182,253 +187,273 @@ class SkyCodeBlockResourcesModule {
182
187
  }
183
188
  SkyCodeBlockResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
184
189
  SkyCodeBlockResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockResourcesModule, exports: [SkyI18nModule] });
185
- SkyCodeBlockResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockResourcesModule, providers: [{
190
+ SkyCodeBlockResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockResourcesModule, providers: [
191
+ {
186
192
  provide: SKY_LIB_RESOURCES_PROVIDERS,
187
193
  useClass: SkyCodeBlockResourcesProvider,
188
- multi: true
189
- }], imports: [SkyI18nModule] });
194
+ multi: true,
195
+ },
196
+ ], imports: [SkyI18nModule] });
190
197
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockResourcesModule, decorators: [{
191
198
  type: NgModule,
192
199
  args: [{
193
200
  exports: [SkyI18nModule],
194
- providers: [{
201
+ providers: [
202
+ {
195
203
  provide: SKY_LIB_RESOURCES_PROVIDERS,
196
204
  useClass: SkyCodeBlockResourcesProvider,
197
- multi: true
198
- }]
205
+ multi: true,
206
+ },
207
+ ],
199
208
  }]
200
209
  }] });
201
210
 
202
211
  const prismLanguages = {
203
- 'properties': '.properties',
204
- 'asm6502': '6502 Assembly',
205
- 'abap': 'ABAP',
206
- 'apl': 'APL',
207
- 'arff': 'ARFF',
208
- 'aspnet': 'ASP.NET (C#)',
209
- 'actionscript': 'ActionScript',
210
- 'ada': 'Ada',
211
- 'apacheconf': 'Apache Configuration',
212
- 'applescript': 'AppleScript',
213
- 'arduino': 'Arduino',
214
- 'asciidoc': 'AsciiDoc',
215
- 'autohotkey': 'AutoHotkey',
216
- 'autoit': 'AutoIt',
217
- 'basic': 'BASIC',
218
- 'bash': 'Bash',
219
- 'batch': 'Batch',
220
- 'bison': 'Bison',
221
- 'brainfuck': 'Brainfuck',
222
- 'bro': 'Bro',
223
- 'c': 'C',
224
- 'csharp': 'C#',
225
- 'cpp': 'C++',
226
- 'clike': 'C-like',
227
- 'css': 'CSS',
212
+ properties: '.properties',
213
+ asm6502: '6502 Assembly',
214
+ abap: 'ABAP',
215
+ apl: 'APL',
216
+ arff: 'ARFF',
217
+ aspnet: 'ASP.NET (C#)',
218
+ actionscript: 'ActionScript',
219
+ ada: 'Ada',
220
+ apacheconf: 'Apache Configuration',
221
+ applescript: 'AppleScript',
222
+ arduino: 'Arduino',
223
+ asciidoc: 'AsciiDoc',
224
+ autohotkey: 'AutoHotkey',
225
+ autoit: 'AutoIt',
226
+ basic: 'BASIC',
227
+ bash: 'Bash',
228
+ batch: 'Batch',
229
+ bison: 'Bison',
230
+ brainfuck: 'Brainfuck',
231
+ bro: 'Bro',
232
+ c: 'C',
233
+ csharp: 'C#',
234
+ cpp: 'C++',
235
+ clike: 'C-like',
236
+ css: 'CSS',
228
237
  'css-extras': 'CSS Extras',
229
- 'clojure': 'Clojure',
230
- 'coffeescript': 'CoffeeScript',
231
- 'csp': 'Content-Security-Policy',
232
- 'crystal': 'Crystal',
233
- 'd': 'D',
234
- 'dart': 'Dart',
235
- 'diff': 'Diff',
236
- 'django': 'Django/Jinja2',
237
- 'docker': 'Docker',
238
- 'erb': 'ERB',
239
- 'eiffel': 'Eiffel',
240
- 'elixir': 'Elixir',
241
- 'elm': 'Elm',
242
- 'erlang': 'Erlang',
243
- 'fsharp': 'F#',
244
- 'flow': 'Flow',
245
- 'fortran': 'Fortran',
246
- 'gedcom': 'GEDCOM',
247
- 'glsl': 'GLSL',
248
- 'gml': 'GameMaker Language',
249
- 'gherkin': 'Gherkin',
250
- 'git': 'Git',
251
- 'go': 'Go',
252
- 'graphql': 'GraphQL',
253
- 'groovy': 'Groovy',
254
- 'http': 'HTTP',
255
- 'hpkp': 'HTTP Public-Key-Pins',
256
- 'hsts': 'HTTP Strict-Transport-Security',
257
- 'haml': 'Haml',
258
- 'handlebars': 'Handlebars',
259
- 'haskell': 'Haskell',
260
- 'haxe': 'Haxe',
261
- 'ichigojam': 'IchigoJam',
262
- 'icon': 'Icon',
263
- 'inform7': 'Inform 7',
264
- 'ini': 'Ini',
265
- 'io': 'Io',
266
- 'j': 'J',
267
- 'json': 'JSON',
268
- 'java': 'Java',
269
- 'javascript': 'JavaScript',
270
- 'js': 'JavaScript',
271
- 'jolie': 'Jolie',
272
- 'julia': 'Julia',
273
- 'keyman': 'Keyman',
274
- 'kotlin': 'Kotlin',
275
- 'lolcode': 'LOLCODE',
276
- 'latex': 'LaTeX',
277
- 'less': 'Less',
278
- 'liquid': 'Liquid',
279
- 'lisp': 'Lisp',
280
- 'livescript': 'LiveScript',
281
- 'lua': 'Lua',
282
- 'matlab': 'MATLAB',
283
- 'mel': 'MEL',
284
- 'makefile': 'Makefile',
285
- 'markdown': 'Markdown',
286
- 'markup': 'Markup',
238
+ clojure: 'Clojure',
239
+ coffeescript: 'CoffeeScript',
240
+ csp: 'Content-Security-Policy',
241
+ crystal: 'Crystal',
242
+ d: 'D',
243
+ dart: 'Dart',
244
+ diff: 'Diff',
245
+ django: 'Django/Jinja2',
246
+ docker: 'Docker',
247
+ erb: 'ERB',
248
+ eiffel: 'Eiffel',
249
+ elixir: 'Elixir',
250
+ elm: 'Elm',
251
+ erlang: 'Erlang',
252
+ fsharp: 'F#',
253
+ flow: 'Flow',
254
+ fortran: 'Fortran',
255
+ gedcom: 'GEDCOM',
256
+ glsl: 'GLSL',
257
+ gml: 'GameMaker Language',
258
+ gherkin: 'Gherkin',
259
+ git: 'Git',
260
+ go: 'Go',
261
+ graphql: 'GraphQL',
262
+ groovy: 'Groovy',
263
+ http: 'HTTP',
264
+ hpkp: 'HTTP Public-Key-Pins',
265
+ hsts: 'HTTP Strict-Transport-Security',
266
+ haml: 'Haml',
267
+ handlebars: 'Handlebars',
268
+ haskell: 'Haskell',
269
+ haxe: 'Haxe',
270
+ ichigojam: 'IchigoJam',
271
+ icon: 'Icon',
272
+ inform7: 'Inform 7',
273
+ ini: 'Ini',
274
+ io: 'Io',
275
+ j: 'J',
276
+ json: 'JSON',
277
+ java: 'Java',
278
+ javascript: 'JavaScript',
279
+ js: 'JavaScript',
280
+ jolie: 'Jolie',
281
+ julia: 'Julia',
282
+ keyman: 'Keyman',
283
+ kotlin: 'Kotlin',
284
+ lolcode: 'LOLCODE',
285
+ latex: 'LaTeX',
286
+ less: 'Less',
287
+ liquid: 'Liquid',
288
+ lisp: 'Lisp',
289
+ livescript: 'LiveScript',
290
+ lua: 'Lua',
291
+ matlab: 'MATLAB',
292
+ mel: 'MEL',
293
+ makefile: 'Makefile',
294
+ markdown: 'Markdown',
295
+ markup: 'Markup',
287
296
  'markup-templating': 'Markup templating',
288
- 'mizar': 'Mizar',
289
- 'monkey': 'Monkey',
290
- 'n4js': 'N4JS',
291
- 'nasm': 'NASM',
292
- 'nsis': 'NSIS',
293
- 'nim': 'Nim',
294
- 'nix': 'Nix',
295
- 'ocaml': 'OCaml',
296
- 'objectivec': 'Objective-C',
297
- 'opencl': 'OpenCL',
298
- 'oz': 'Oz',
299
- 'parigp': 'PARI/GP',
300
- 'php': 'PHP',
297
+ mizar: 'Mizar',
298
+ monkey: 'Monkey',
299
+ n4js: 'N4JS',
300
+ nasm: 'NASM',
301
+ nsis: 'NSIS',
302
+ nim: 'Nim',
303
+ nix: 'Nix',
304
+ ocaml: 'OCaml',
305
+ objectivec: 'Objective-C',
306
+ opencl: 'OpenCL',
307
+ oz: 'Oz',
308
+ parigp: 'PARI/GP',
309
+ php: 'PHP',
301
310
  'php-extras': 'PHP Extras',
302
- 'plsql': 'PL/SQL',
303
- 'parser': 'Parser',
304
- 'pascal': 'Pascal',
305
- 'perl': 'Perl',
306
- 'powershell': 'PowerShell',
307
- 'processing': 'Processing',
308
- 'prolog': 'Prolog',
309
- 'protobuf': 'Protocol Buffers',
310
- 'pug': 'Pug',
311
- 'puppet': 'Puppet',
312
- 'pure': 'Pure',
313
- 'python': 'Python',
314
- 'q': 'Q (kdb+ database)',
315
- 'qore': 'Qore',
316
- 'r': 'R',
317
- 'jsx': 'React JSX',
318
- 'tsx': 'React TSX',
319
- 'reason': 'Reason',
320
- 'renpy': "Ren'py",
321
- 'rip': 'Rip',
322
- 'roboconf': 'Roboconf',
323
- 'ruby': 'Ruby',
324
- 'rust': 'Rust',
325
- 'sas': 'SAS',
326
- 'sql': 'SQL',
327
- 'sass': 'Sass (Sass)',
328
- 'scss': 'Sass (Scss)',
329
- 'scala': 'Scala',
330
- 'scheme': 'Scheme',
331
- 'smalltalk': 'Smalltalk',
332
- 'smarty': 'Smarty',
333
- 'soy': 'Soy (Closure Template)',
334
- 'stylus': 'Stylus',
335
- 'swift': 'Swift',
336
- 'tap': 'TAP',
337
- 'tcl': 'Tcl',
338
- 'tt2': 'Template Toolkit 2',
339
- 'textile': 'Textile',
340
- 'twig': 'Twig',
341
- 'typescript': 'TypeScript',
342
- 'vbnet': 'VB.Net',
343
- 'vhdl': 'VHDL',
344
- 'velocity': 'Velocity',
345
- 'verilog': 'Verilog',
311
+ plsql: 'PL/SQL',
312
+ parser: 'Parser',
313
+ pascal: 'Pascal',
314
+ perl: 'Perl',
315
+ powershell: 'PowerShell',
316
+ processing: 'Processing',
317
+ prolog: 'Prolog',
318
+ protobuf: 'Protocol Buffers',
319
+ pug: 'Pug',
320
+ puppet: 'Puppet',
321
+ pure: 'Pure',
322
+ python: 'Python',
323
+ q: 'Q (kdb+ database)',
324
+ qore: 'Qore',
325
+ r: 'R',
326
+ jsx: 'React JSX',
327
+ tsx: 'React TSX',
328
+ reason: 'Reason',
329
+ renpy: "Ren'py",
330
+ rip: 'Rip',
331
+ roboconf: 'Roboconf',
332
+ ruby: 'Ruby',
333
+ rust: 'Rust',
334
+ sas: 'SAS',
335
+ sql: 'SQL',
336
+ sass: 'Sass (Sass)',
337
+ scss: 'Sass (Scss)',
338
+ scala: 'Scala',
339
+ scheme: 'Scheme',
340
+ smalltalk: 'Smalltalk',
341
+ smarty: 'Smarty',
342
+ soy: 'Soy (Closure Template)',
343
+ stylus: 'Stylus',
344
+ swift: 'Swift',
345
+ tap: 'TAP',
346
+ tcl: 'Tcl',
347
+ tt2: 'Template Toolkit 2',
348
+ textile: 'Textile',
349
+ twig: 'Twig',
350
+ typescript: 'TypeScript',
351
+ vbnet: 'VB.Net',
352
+ vhdl: 'VHDL',
353
+ velocity: 'Velocity',
354
+ verilog: 'Verilog',
346
355
  'visual-basic': 'Visual Basic',
347
- 'wasm': 'WebAssembly',
348
- 'wiki': 'Wiki markup',
349
- 'xquery': 'XQuery',
350
- 'xeora': 'Xeora',
351
- 'xojo': 'Xojo (REALbasic)',
352
- 'yaml': 'YAML',
353
- 'nginx': 'nginx',
354
- 'rest': 'reST (reStructuredText)',
355
- 'vim': 'vim'
356
+ wasm: 'WebAssembly',
357
+ wiki: 'Wiki markup',
358
+ xquery: 'XQuery',
359
+ xeora: 'Xeora',
360
+ xojo: 'Xojo (REALbasic)',
361
+ yaml: 'YAML',
362
+ nginx: 'nginx',
363
+ rest: 'reST (reStructuredText)',
364
+ vim: 'vim',
356
365
  };
357
366
 
367
+ var _SkyCodeBlockComponent_instances, _SkyCodeBlockComponent__code, _SkyCodeBlockComponent__languageType, _SkyCodeBlockComponent_changeDetector, _SkyCodeBlockComponent_sanitizer, _SkyCodeBlockComponent_validLanguages, _SkyCodeBlockComponent_updateHeaderVisibility, _SkyCodeBlockComponent_updateCodeBlockClassName, _SkyCodeBlockComponent_setDisplayName, _SkyCodeBlockComponent_formatCode, _SkyCodeBlockComponent_highlightCode, _SkyCodeBlockComponent_updateCodeBlockDisplay;
368
+ const DEFAULT_LANGUAGE = 'markup';
358
369
  class SkyCodeBlockComponent {
359
- constructor(cdRef, sanitizer) {
360
- this.cdRef = cdRef;
361
- this.sanitizer = sanitizer;
370
+ constructor(changeDetector, sanitizer) {
371
+ _SkyCodeBlockComponent_instances.add(this);
362
372
  this.hideCopyToClipboard = false;
363
- this.defaultLanguage = 'markup';
364
- this._languageType = this.defaultLanguage;
365
- this.validLanguages = Object.keys(Prism.languages);
373
+ _SkyCodeBlockComponent__code.set(this, void 0);
374
+ _SkyCodeBlockComponent__languageType.set(this, DEFAULT_LANGUAGE);
375
+ _SkyCodeBlockComponent_changeDetector.set(this, void 0);
376
+ _SkyCodeBlockComponent_sanitizer.set(this, void 0);
377
+ _SkyCodeBlockComponent_validLanguages.set(this, void 0);
378
+ __classPrivateFieldSet(this, _SkyCodeBlockComponent_changeDetector, changeDetector, "f");
379
+ __classPrivateFieldSet(this, _SkyCodeBlockComponent_sanitizer, sanitizer, "f");
380
+ __classPrivateFieldSet(this, _SkyCodeBlockComponent_validLanguages, Object.keys(Prism.languages), "f");
381
+ // Create an empty SafeHtml value on init since output cannot be undefined.
382
+ this.output = sanitizer.bypassSecurityTrustHtml('');
366
383
  }
367
384
  set code(value) {
368
- /*istanbul ignore else*/
369
- if (value !== this._code) {
370
- this._code = value;
371
- this.initCodeBlockDisplay();
385
+ if (value !== __classPrivateFieldGet(this, _SkyCodeBlockComponent__code, "f")) {
386
+ __classPrivateFieldSet(this, _SkyCodeBlockComponent__code, value, "f");
387
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockDisplay).call(this);
372
388
  }
373
389
  }
374
390
  get code() {
375
- return this._code;
391
+ return __classPrivateFieldGet(this, _SkyCodeBlockComponent__code, "f");
376
392
  }
377
393
  set languageType(value) {
378
- this.setDisplayName(value);
379
- if (this.validLanguages.indexOf(value) > -1) {
380
- this._languageType = value;
394
+ if (value && __classPrivateFieldGet(this, _SkyCodeBlockComponent_validLanguages, "f").indexOf(value) > -1) {
395
+ __classPrivateFieldSet(this, _SkyCodeBlockComponent__languageType, value, "f");
381
396
  }
382
397
  else {
383
- this._languageType = this.defaultLanguage;
398
+ __classPrivateFieldSet(this, _SkyCodeBlockComponent__languageType, DEFAULT_LANGUAGE, "f");
384
399
  }
400
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_setDisplayName).call(this, value);
401
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockClassName).call(this);
385
402
  }
386
403
  get languageType() {
387
- return this._languageType;
388
- }
389
- ngOnInit() {
390
- this.hideHeader = this.hideHeader
391
- || (!this.displayName && !this.fileName && this.hideCopyToClipboard);
404
+ return __classPrivateFieldGet(this, _SkyCodeBlockComponent__languageType, "f");
392
405
  }
393
406
  ngAfterViewInit() {
394
- this.initCodeBlockDisplay();
395
- }
396
- getClassName() {
397
- return `language-${this.languageType}`;
398
- }
399
- setDisplayName(value = '') {
400
- this.displayName = prismLanguages[value];
401
- }
402
- formatCode(code) {
403
- return Prism.plugins.NormalizeWhitespace.normalize(code, {
404
- 'remove-trailing': true,
405
- 'remove-indent': true,
406
- 'left-trim': true,
407
- 'right-trim': true,
408
- 'indent': 0,
409
- 'remove-initial-line-feed': true,
410
- 'tabs-to-spaces': 2
411
- });
407
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockClassName).call(this);
408
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockDisplay).call(this);
412
409
  }
413
- highlightCode(code) {
414
- return Prism.highlight(code, Prism.languages[this.languageType], this.languageType);
415
- }
416
- initCodeBlockDisplay() {
417
- if (this.codeTemplateRef) {
418
- const textContent = this.codeTemplateRef.nativeElement.textContent;
419
- let code = this.code || textContent;
420
- code = this.formatCode(code);
421
- code = this.highlightCode(code);
422
- this.output = this.sanitizer.bypassSecurityTrustHtml(code);
423
- this.cdRef.detectChanges();
410
+ ngOnChanges(changes) {
411
+ if (changes['fileName'] ||
412
+ changes['hideCopyToClipboard'] ||
413
+ changes['hideHeader']) {
414
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateHeaderVisibility).call(this);
424
415
  }
425
416
  }
426
417
  }
418
+ _SkyCodeBlockComponent__code = new WeakMap(), _SkyCodeBlockComponent__languageType = new WeakMap(), _SkyCodeBlockComponent_changeDetector = new WeakMap(), _SkyCodeBlockComponent_sanitizer = new WeakMap(), _SkyCodeBlockComponent_validLanguages = new WeakMap(), _SkyCodeBlockComponent_instances = new WeakSet(), _SkyCodeBlockComponent_updateHeaderVisibility = function _SkyCodeBlockComponent_updateHeaderVisibility() {
419
+ this.hideHeader =
420
+ this.hideHeader ||
421
+ (!this.displayName && !this.fileName && this.hideCopyToClipboard);
422
+ }, _SkyCodeBlockComponent_updateCodeBlockClassName = function _SkyCodeBlockComponent_updateCodeBlockClassName() {
423
+ this.codeBlockClassName = `language-${this.languageType}`;
424
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_changeDetector, "f").markForCheck();
425
+ }, _SkyCodeBlockComponent_setDisplayName = function _SkyCodeBlockComponent_setDisplayName(value = '') {
426
+ this.displayName = value ? prismLanguages[value] : undefined;
427
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_changeDetector, "f").markForCheck();
428
+ }, _SkyCodeBlockComponent_formatCode = function _SkyCodeBlockComponent_formatCode(code) {
429
+ return Prism.plugins['NormalizeWhitespace'].normalize(code, {
430
+ 'remove-trailing': true,
431
+ 'remove-indent': true,
432
+ 'left-trim': true,
433
+ 'right-trim': true,
434
+ indent: 0,
435
+ 'remove-initial-line-feed': true,
436
+ 'tabs-to-spaces': 2,
437
+ });
438
+ }, _SkyCodeBlockComponent_highlightCode = function _SkyCodeBlockComponent_highlightCode(code) {
439
+ return Prism.highlight(code, Prism.languages[this.languageType], this.languageType);
440
+ }, _SkyCodeBlockComponent_updateCodeBlockDisplay = function _SkyCodeBlockComponent_updateCodeBlockDisplay() {
441
+ if (this.codeTemplateRef) {
442
+ const textContent = this.codeTemplateRef.nativeElement.textContent;
443
+ let code = this.code || textContent;
444
+ if (code) {
445
+ code = __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_formatCode).call(this, code);
446
+ code = __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_highlightCode).call(this, code);
447
+ }
448
+ this.output = __classPrivateFieldGet(this, _SkyCodeBlockComponent_sanitizer, "f").bypassSecurityTrustHtml(code);
449
+ __classPrivateFieldGet(this, _SkyCodeBlockComponent_changeDetector, "f").detectChanges();
450
+ }
451
+ };
427
452
  SkyCodeBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
428
- SkyCodeBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SkyCodeBlockComponent, selector: "sky-code-block", inputs: { code: "code", fileName: "fileName", languageType: "languageType", hideCopyToClipboard: "hideCopyToClipboard", hideHeader: "hideHeader" }, viewQueries: [{ propertyName: "codeTemplateRef", first: true, predicate: ["codeFromContent"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"sky-code-block\">\n <div *ngIf=\"!hideHeader\" class=\"sky-code-block-header\">\n <div>\n <span *ngIf=\"fileName\"\n class=\"sky-emphasized sky-margin-inline-default\"\n >\n {{ fileName }}\n </span>\n <span *ngIf=\"displayName\"\n class=\"sky-deemphasized\"\n >\n {{ displayName }}\n </span>\n </div>\n <sky-copy-to-clipboard\n *ngIf=\"!hideCopyToClipboard\"\n [copyTarget]=\"skyCodeOutput\"\n buttonText=\"{{ 'sky_copy_to_clipboard_button' | skyLibResources }}\"\n buttonClickedText=\"{{ 'sky_copy_to_clipboard_button_success' | skyLibResources }}\">\n </sky-copy-to-clipboard>\n </div>\n <div #codeFromContent class=\"sky-code-input\">\n <ng-content></ng-content>\n </div>\n <div>\n <pre #skyCodeOutput class=\"sky-code-output\"><code\n [ngClass]=\"getClassName()\"\n [innerHTML]=\"output\"></code></pre>\n </div>\n</div>\n", styles: ["::ng-deep code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}::ng-deep code[class*=language-] .token.comment,::ng-deep code[class*=language-] .token.prolog,::ng-deep code[class*=language-] .token.doctype,::ng-deep code[class*=language-] .token.cdata,pre[class*=language-] .token.comment,pre[class*=language-] .token.prolog,pre[class*=language-] .token.doctype,pre[class*=language-] .token.cdata{color:#5f6c79}::ng-deep code[class*=language-] .token.punctuation,pre[class*=language-] .token.punctuation{color:#5f6c79}::ng-deep code[class*=language-] .namespace,pre[class*=language-] .namespace{color:#10776e}::ng-deep code[class*=language-] .token.property,::ng-deep code[class*=language-] .token.tag,::ng-deep code[class*=language-] .token.boolean,::ng-deep code[class*=language-] .token.number,::ng-deep code[class*=language-] .token.constant,::ng-deep code[class*=language-] .token.symbol,::ng-deep code[class*=language-] .token.deleted,pre[class*=language-] .token.property,pre[class*=language-] .token.tag,pre[class*=language-] .token.boolean,pre[class*=language-] .token.number,pre[class*=language-] .token.constant,pre[class*=language-] .token.symbol,pre[class*=language-] .token.deleted{color:#c50028}::ng-deep code[class*=language-] .token.selector,::ng-deep code[class*=language-] .token.attr-name,::ng-deep code[class*=language-] .token.string,::ng-deep code[class*=language-] .token.char,::ng-deep code[class*=language-] .token.builtin,::ng-deep code[class*=language-] .token.inserted,pre[class*=language-] .token.selector,pre[class*=language-] .token.attr-name,pre[class*=language-] .token.string,pre[class*=language-] .token.char,pre[class*=language-] .token.builtin,pre[class*=language-] .token.inserted{color:#627932}::ng-deep code[class*=language-] .token.operator,::ng-deep code[class*=language-] .token.entity,::ng-deep code[class*=language-] .token.url,::ng-deep code[class*=language-] .language-css .token.string,::ng-deep code[class*=language-] .style .token.string,pre[class*=language-] .token.operator,pre[class*=language-] .token.entity,pre[class*=language-] .token.url,pre[class*=language-] .language-css .token.string,pre[class*=language-] .style .token.string{color:#996525}::ng-deep code[class*=language-] .token.atrule,::ng-deep code[class*=language-] .token.attr-value,::ng-deep code[class*=language-] .token.keyword,pre[class*=language-] .token.atrule,pre[class*=language-] .token.attr-value,pre[class*=language-] .token.keyword{color:#07a}::ng-deep code[class*=language-] .token.function,::ng-deep code[class*=language-] .token.class-name,pre[class*=language-] .token.function,pre[class*=language-] .token.class-name{color:#c50028}::ng-deep code[class*=language-] .token.regex,::ng-deep code[class*=language-] .token.important,::ng-deep code[class*=language-] .token.variable,pre[class*=language-] .token.regex,pre[class*=language-] .token.important,pre[class*=language-] .token.variable{color:#9a690f}::ng-deep code[class*=language-] .token.important,::ng-deep code[class*=language-] .token.bold,pre[class*=language-] .token.important,pre[class*=language-] .token.bold{font-weight:700}::ng-deep code[class*=language-] .token.italic,pre[class*=language-] .token.italic{font-style:italic}::ng-deep code[class*=language-] .token.entity,pre[class*=language-] .token.entity{cursor:help}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.sky-code-input{display:none}.sky-code-output{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;margin-top:0;padding:20px;background-color:#fff;overflow-x:auto;margin-bottom:20px}.sky-code-block-header{height:45px;border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-left:1px solid #cdcfd2;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 5px 5px 20px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.λ1, selector: "sky-copy-to-clipboard", inputs: ["ariaLabel", "ariaLabelledBy", "copyTarget", "buttonText", "buttonClickedText", "title"] }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }] });
453
+ SkyCodeBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SkyCodeBlockComponent, selector: "sky-code-block", inputs: { code: "code", fileName: "fileName", languageType: "languageType", hideCopyToClipboard: "hideCopyToClipboard", hideHeader: "hideHeader" }, viewQueries: [{ propertyName: "codeTemplateRef", first: true, predicate: ["codeFromContent"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sky-code-block\">\n <div *ngIf=\"!hideHeader\" class=\"sky-code-block-header\">\n <div>\n <span *ngIf=\"fileName\" class=\"sky-emphasized sky-margin-inline-default\">\n {{ fileName }}\n </span>\n <span *ngIf=\"displayName\" class=\"sky-deemphasized\">\n {{ displayName }}\n </span>\n </div>\n <sky-copy-to-clipboard\n *ngIf=\"!hideCopyToClipboard\"\n [copyTarget]=\"skyCodeOutput\"\n buttonText=\"{{ 'sky_copy_to_clipboard_button' | skyLibResources }}\"\n buttonClickedText=\"{{\n 'sky_copy_to_clipboard_button_success' | skyLibResources\n }}\"\n >\n </sky-copy-to-clipboard>\n </div>\n <div #codeFromContent class=\"sky-code-input\">\n <ng-content></ng-content>\n </div>\n <div>\n <pre #skyCodeOutput class=\"sky-code-output\"><code\n [ngClass]=\"codeBlockClassName\"\n [innerHTML]=\"output\"></code></pre>\n </div>\n</div>\n", styles: ["::ng-deep code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}::ng-deep code[class*=language-] .token.comment,::ng-deep code[class*=language-] .token.prolog,::ng-deep code[class*=language-] .token.doctype,::ng-deep code[class*=language-] .token.cdata,pre[class*=language-] .token.comment,pre[class*=language-] .token.prolog,pre[class*=language-] .token.doctype,pre[class*=language-] .token.cdata{color:#5f6c79}::ng-deep code[class*=language-] .token.punctuation,pre[class*=language-] .token.punctuation{color:#5f6c79}::ng-deep code[class*=language-] .namespace,pre[class*=language-] .namespace{color:#10776e}::ng-deep code[class*=language-] .token.property,::ng-deep code[class*=language-] .token.tag,::ng-deep code[class*=language-] .token.boolean,::ng-deep code[class*=language-] .token.number,::ng-deep code[class*=language-] .token.constant,::ng-deep code[class*=language-] .token.symbol,::ng-deep code[class*=language-] .token.deleted,pre[class*=language-] .token.property,pre[class*=language-] .token.tag,pre[class*=language-] .token.boolean,pre[class*=language-] .token.number,pre[class*=language-] .token.constant,pre[class*=language-] .token.symbol,pre[class*=language-] .token.deleted{color:#c50028}::ng-deep code[class*=language-] .token.selector,::ng-deep code[class*=language-] .token.attr-name,::ng-deep code[class*=language-] .token.string,::ng-deep code[class*=language-] .token.char,::ng-deep code[class*=language-] .token.builtin,::ng-deep code[class*=language-] .token.inserted,pre[class*=language-] .token.selector,pre[class*=language-] .token.attr-name,pre[class*=language-] .token.string,pre[class*=language-] .token.char,pre[class*=language-] .token.builtin,pre[class*=language-] .token.inserted{color:#627932}::ng-deep code[class*=language-] .token.operator,::ng-deep code[class*=language-] .token.entity,::ng-deep code[class*=language-] .token.url,::ng-deep code[class*=language-] .language-css .token.string,::ng-deep code[class*=language-] .style .token.string,pre[class*=language-] .token.operator,pre[class*=language-] .token.entity,pre[class*=language-] .token.url,pre[class*=language-] .language-css .token.string,pre[class*=language-] .style .token.string{color:#996525}::ng-deep code[class*=language-] .token.atrule,::ng-deep code[class*=language-] .token.attr-value,::ng-deep code[class*=language-] .token.keyword,pre[class*=language-] .token.atrule,pre[class*=language-] .token.attr-value,pre[class*=language-] .token.keyword{color:#07a}::ng-deep code[class*=language-] .token.function,::ng-deep code[class*=language-] .token.class-name,pre[class*=language-] .token.function,pre[class*=language-] .token.class-name{color:#c50028}::ng-deep code[class*=language-] .token.regex,::ng-deep code[class*=language-] .token.important,::ng-deep code[class*=language-] .token.variable,pre[class*=language-] .token.regex,pre[class*=language-] .token.important,pre[class*=language-] .token.variable{color:#9a690f}::ng-deep code[class*=language-] .token.important,::ng-deep code[class*=language-] .token.bold,pre[class*=language-] .token.important,pre[class*=language-] .token.bold{font-weight:700}::ng-deep code[class*=language-] .token.italic,pre[class*=language-] .token.italic{font-style:italic}::ng-deep code[class*=language-] .token.entity,pre[class*=language-] .token.entity{cursor:help}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.sky-code-input{display:none}.sky-code-output{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;margin-top:0;padding:20px;background-color:#fff;overflow-x:auto;margin-bottom:20px}.sky-code-block-header{height:45px;border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-left:1px solid #cdcfd2;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 5px 5px 20px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.λ1, selector: "sky-copy-to-clipboard", inputs: ["ariaLabel", "ariaLabelledBy", "copyTarget", "buttonText", "buttonClickedText", "title"] }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }] });
429
454
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockComponent, decorators: [{
430
455
  type: Component,
431
- args: [{ selector: 'sky-code-block', template: "<div class=\"sky-code-block\">\n <div *ngIf=\"!hideHeader\" class=\"sky-code-block-header\">\n <div>\n <span *ngIf=\"fileName\"\n class=\"sky-emphasized sky-margin-inline-default\"\n >\n {{ fileName }}\n </span>\n <span *ngIf=\"displayName\"\n class=\"sky-deemphasized\"\n >\n {{ displayName }}\n </span>\n </div>\n <sky-copy-to-clipboard\n *ngIf=\"!hideCopyToClipboard\"\n [copyTarget]=\"skyCodeOutput\"\n buttonText=\"{{ 'sky_copy_to_clipboard_button' | skyLibResources }}\"\n buttonClickedText=\"{{ 'sky_copy_to_clipboard_button_success' | skyLibResources }}\">\n </sky-copy-to-clipboard>\n </div>\n <div #codeFromContent class=\"sky-code-input\">\n <ng-content></ng-content>\n </div>\n <div>\n <pre #skyCodeOutput class=\"sky-code-output\"><code\n [ngClass]=\"getClassName()\"\n [innerHTML]=\"output\"></code></pre>\n </div>\n</div>\n", styles: ["::ng-deep code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}::ng-deep code[class*=language-] .token.comment,::ng-deep code[class*=language-] .token.prolog,::ng-deep code[class*=language-] .token.doctype,::ng-deep code[class*=language-] .token.cdata,pre[class*=language-] .token.comment,pre[class*=language-] .token.prolog,pre[class*=language-] .token.doctype,pre[class*=language-] .token.cdata{color:#5f6c79}::ng-deep code[class*=language-] .token.punctuation,pre[class*=language-] .token.punctuation{color:#5f6c79}::ng-deep code[class*=language-] .namespace,pre[class*=language-] .namespace{color:#10776e}::ng-deep code[class*=language-] .token.property,::ng-deep code[class*=language-] .token.tag,::ng-deep code[class*=language-] .token.boolean,::ng-deep code[class*=language-] .token.number,::ng-deep code[class*=language-] .token.constant,::ng-deep code[class*=language-] .token.symbol,::ng-deep code[class*=language-] .token.deleted,pre[class*=language-] .token.property,pre[class*=language-] .token.tag,pre[class*=language-] .token.boolean,pre[class*=language-] .token.number,pre[class*=language-] .token.constant,pre[class*=language-] .token.symbol,pre[class*=language-] .token.deleted{color:#c50028}::ng-deep code[class*=language-] .token.selector,::ng-deep code[class*=language-] .token.attr-name,::ng-deep code[class*=language-] .token.string,::ng-deep code[class*=language-] .token.char,::ng-deep code[class*=language-] .token.builtin,::ng-deep code[class*=language-] .token.inserted,pre[class*=language-] .token.selector,pre[class*=language-] .token.attr-name,pre[class*=language-] .token.string,pre[class*=language-] .token.char,pre[class*=language-] .token.builtin,pre[class*=language-] .token.inserted{color:#627932}::ng-deep code[class*=language-] .token.operator,::ng-deep code[class*=language-] .token.entity,::ng-deep code[class*=language-] .token.url,::ng-deep code[class*=language-] .language-css .token.string,::ng-deep code[class*=language-] .style .token.string,pre[class*=language-] .token.operator,pre[class*=language-] .token.entity,pre[class*=language-] .token.url,pre[class*=language-] .language-css .token.string,pre[class*=language-] .style .token.string{color:#996525}::ng-deep code[class*=language-] .token.atrule,::ng-deep code[class*=language-] .token.attr-value,::ng-deep code[class*=language-] .token.keyword,pre[class*=language-] .token.atrule,pre[class*=language-] .token.attr-value,pre[class*=language-] .token.keyword{color:#07a}::ng-deep code[class*=language-] .token.function,::ng-deep code[class*=language-] .token.class-name,pre[class*=language-] .token.function,pre[class*=language-] .token.class-name{color:#c50028}::ng-deep code[class*=language-] .token.regex,::ng-deep code[class*=language-] .token.important,::ng-deep code[class*=language-] .token.variable,pre[class*=language-] .token.regex,pre[class*=language-] .token.important,pre[class*=language-] .token.variable{color:#9a690f}::ng-deep code[class*=language-] .token.important,::ng-deep code[class*=language-] .token.bold,pre[class*=language-] .token.important,pre[class*=language-] .token.bold{font-weight:700}::ng-deep code[class*=language-] .token.italic,pre[class*=language-] .token.italic{font-style:italic}::ng-deep code[class*=language-] .token.entity,pre[class*=language-] .token.entity{cursor:help}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.sky-code-input{display:none}.sky-code-output{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;margin-top:0;padding:20px;background-color:#fff;overflow-x:auto;margin-bottom:20px}.sky-code-block-header{height:45px;border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-left:1px solid #cdcfd2;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 5px 5px 20px}\n"] }]
456
+ args: [{ selector: 'sky-code-block', template: "<div class=\"sky-code-block\">\n <div *ngIf=\"!hideHeader\" class=\"sky-code-block-header\">\n <div>\n <span *ngIf=\"fileName\" class=\"sky-emphasized sky-margin-inline-default\">\n {{ fileName }}\n </span>\n <span *ngIf=\"displayName\" class=\"sky-deemphasized\">\n {{ displayName }}\n </span>\n </div>\n <sky-copy-to-clipboard\n *ngIf=\"!hideCopyToClipboard\"\n [copyTarget]=\"skyCodeOutput\"\n buttonText=\"{{ 'sky_copy_to_clipboard_button' | skyLibResources }}\"\n buttonClickedText=\"{{\n 'sky_copy_to_clipboard_button_success' | skyLibResources\n }}\"\n >\n </sky-copy-to-clipboard>\n </div>\n <div #codeFromContent class=\"sky-code-input\">\n <ng-content></ng-content>\n </div>\n <div>\n <pre #skyCodeOutput class=\"sky-code-output\"><code\n [ngClass]=\"codeBlockClassName\"\n [innerHTML]=\"output\"></code></pre>\n </div>\n</div>\n", styles: ["::ng-deep code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}::ng-deep code[class*=language-] .token.comment,::ng-deep code[class*=language-] .token.prolog,::ng-deep code[class*=language-] .token.doctype,::ng-deep code[class*=language-] .token.cdata,pre[class*=language-] .token.comment,pre[class*=language-] .token.prolog,pre[class*=language-] .token.doctype,pre[class*=language-] .token.cdata{color:#5f6c79}::ng-deep code[class*=language-] .token.punctuation,pre[class*=language-] .token.punctuation{color:#5f6c79}::ng-deep code[class*=language-] .namespace,pre[class*=language-] .namespace{color:#10776e}::ng-deep code[class*=language-] .token.property,::ng-deep code[class*=language-] .token.tag,::ng-deep code[class*=language-] .token.boolean,::ng-deep code[class*=language-] .token.number,::ng-deep code[class*=language-] .token.constant,::ng-deep code[class*=language-] .token.symbol,::ng-deep code[class*=language-] .token.deleted,pre[class*=language-] .token.property,pre[class*=language-] .token.tag,pre[class*=language-] .token.boolean,pre[class*=language-] .token.number,pre[class*=language-] .token.constant,pre[class*=language-] .token.symbol,pre[class*=language-] .token.deleted{color:#c50028}::ng-deep code[class*=language-] .token.selector,::ng-deep code[class*=language-] .token.attr-name,::ng-deep code[class*=language-] .token.string,::ng-deep code[class*=language-] .token.char,::ng-deep code[class*=language-] .token.builtin,::ng-deep code[class*=language-] .token.inserted,pre[class*=language-] .token.selector,pre[class*=language-] .token.attr-name,pre[class*=language-] .token.string,pre[class*=language-] .token.char,pre[class*=language-] .token.builtin,pre[class*=language-] .token.inserted{color:#627932}::ng-deep code[class*=language-] .token.operator,::ng-deep code[class*=language-] .token.entity,::ng-deep code[class*=language-] .token.url,::ng-deep code[class*=language-] .language-css .token.string,::ng-deep code[class*=language-] .style .token.string,pre[class*=language-] .token.operator,pre[class*=language-] .token.entity,pre[class*=language-] .token.url,pre[class*=language-] .language-css .token.string,pre[class*=language-] .style .token.string{color:#996525}::ng-deep code[class*=language-] .token.atrule,::ng-deep code[class*=language-] .token.attr-value,::ng-deep code[class*=language-] .token.keyword,pre[class*=language-] .token.atrule,pre[class*=language-] .token.attr-value,pre[class*=language-] .token.keyword{color:#07a}::ng-deep code[class*=language-] .token.function,::ng-deep code[class*=language-] .token.class-name,pre[class*=language-] .token.function,pre[class*=language-] .token.class-name{color:#c50028}::ng-deep code[class*=language-] .token.regex,::ng-deep code[class*=language-] .token.important,::ng-deep code[class*=language-] .token.variable,pre[class*=language-] .token.regex,pre[class*=language-] .token.important,pre[class*=language-] .token.variable{color:#9a690f}::ng-deep code[class*=language-] .token.important,::ng-deep code[class*=language-] .token.bold,pre[class*=language-] .token.important,pre[class*=language-] .token.bold{font-weight:700}::ng-deep code[class*=language-] .token.italic,pre[class*=language-] .token.italic{font-style:italic}::ng-deep code[class*=language-] .token.entity,pre[class*=language-] .token.entity{cursor:help}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.sky-code-input{display:none}.sky-code-output{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;margin-top:0;padding:20px;background-color:#fff;overflow-x:auto;margin-bottom:20px}.sky-code-block-header{height:45px;border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-left:1px solid #cdcfd2;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 5px 5px 20px}\n"] }]
432
457
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { code: [{
433
458
  type: Input
434
459
  }], fileName: [{
@@ -441,32 +466,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
441
466
  type: Input
442
467
  }], codeTemplateRef: [{
443
468
  type: ViewChild,
444
- args: ['codeFromContent', { read: ElementRef }]
469
+ args: ['codeFromContent', { read: ElementRef, static: true }]
445
470
  }] } });
446
471
 
447
472
  class SkyCodeBlockModule {
448
473
  }
449
474
  SkyCodeBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
450
- SkyCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule,
451
- SkyClipboardModule,
452
- SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] });
453
- SkyCodeBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule,
454
- SkyClipboardModule,
455
- SkyCodeBlockResourcesModule] });
475
+ SkyCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] });
476
+ SkyCodeBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] });
456
477
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
457
478
  type: NgModule,
458
479
  args: [{
459
- declarations: [
460
- SkyCodeBlockComponent
461
- ],
462
- imports: [
463
- CommonModule,
464
- SkyClipboardModule,
465
- SkyCodeBlockResourcesModule
466
- ],
467
- exports: [
468
- SkyCodeBlockComponent
469
- ]
480
+ declarations: [SkyCodeBlockComponent],
481
+ imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule],
482
+ exports: [SkyCodeBlockComponent],
470
483
  }]
471
484
  }] });
472
485
 
@@ -487,15 +500,9 @@ SkyCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
487
500
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyCodeModule, decorators: [{
488
501
  type: NgModule,
489
502
  args: [{
490
- declarations: [
491
- SkyCodeComponent
492
- ],
493
- imports: [
494
- CommonModule
495
- ],
496
- exports: [
497
- SkyCodeComponent
498
- ]
503
+ declarations: [SkyCodeComponent],
504
+ imports: [CommonModule],
505
+ exports: [SkyCodeComponent],
499
506
  }]
500
507
  }] });
501
508