@blackbaud/skyux-lib-code-block 8.1.1 → 9.0.0

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 (17) hide show
  1. package/{esm2020 → esm2022}/lib/modules/code/code.component.mjs +4 -4
  2. package/{esm2020 → esm2022}/lib/modules/code/code.module.mjs +5 -5
  3. package/esm2022/lib/modules/code-block/code-block.component.mjs +118 -0
  4. package/{esm2020 → esm2022}/lib/modules/code-block/code-block.module.mjs +5 -5
  5. package/esm2022/lib/modules/shared/sky-code-block-resources.module.mjs +51 -0
  6. package/{fesm2020 → fesm2022}/blackbaud-skyux-lib-code-block.mjs +87 -82
  7. package/fesm2022/blackbaud-skyux-lib-code-block.mjs.map +1 -0
  8. package/lib/modules/code-block/code-block.component.d.ts +1 -1
  9. package/package.json +11 -17
  10. package/esm2020/lib/modules/code-block/code-block.component.mjs +0 -115
  11. package/esm2020/lib/modules/shared/sky-code-block-resources.module.mjs +0 -49
  12. package/fesm2015/blackbaud-skyux-lib-code-block.mjs +0 -514
  13. package/fesm2015/blackbaud-skyux-lib-code-block.mjs.map +0 -1
  14. package/fesm2020/blackbaud-skyux-lib-code-block.mjs.map +0 -1
  15. /package/{esm2020 → esm2022}/blackbaud-skyux-lib-code-block.mjs +0 -0
  16. /package/{esm2020 → esm2022}/index.mjs +0 -0
  17. /package/{esm2020 → esm2022}/lib/modules/code-block/prism-languages.mjs +0 -0
package/{esm2020 → esm2022}/lib/modules/code/code.component.mjs RENAMED
@@ -1,11 +1,11 @@
1
1
  import { ChangeDetectionStrategy, Component } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export class SkyCodeComponent {
4
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SkyCodeComponent, selector: "sky-code", ngImport: i0, template: "<code class=\"sky-code\"><ng-content></ng-content></code>\n", styles: [".sky-code{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;overflow-wrap:break-word;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;color:#d1282c;padding:0 4px;background-color:#f1eef6}.sky-code ::ng-deep a{color:#d93a3d;text-decoration:underline}::ng-deep a .sky-code{text-decoration:underline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
4
6
  }
5
- SkyCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
- SkyCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyCodeComponent, selector: "sky-code", ngImport: i0, template: "<code class=\"sky-code\"><ng-content></ng-content></code>\n", styles: [".sky-code{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;overflow-wrap:break-word;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;color:#d1282c;padding:0 4px;background-color:#f1eef6}.sky-code ::ng-deep a{color:#d93a3d;text-decoration:underline}::ng-deep a .sky-code{text-decoration:underline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeComponent, decorators: [{
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeComponent, decorators: [{
8
8
  type: Component,
9
9
  args: [{ selector: 'sky-code', changeDetection: ChangeDetectionStrategy.OnPush, template: "<code class=\"sky-code\"><ng-content></ng-content></code>\n", styles: [".sky-code{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;overflow-wrap:break-word;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;color:#d1282c;padding:0 4px;background-color:#f1eef6}.sky-code ::ng-deep a{color:#d93a3d;text-decoration:underline}::ng-deep a .sky-code{text-decoration:underline}\n"] }]
10
10
  }] });
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsZ0RDUjdCLDZEQUNBOzJGRE9hLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1jb2RlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2RlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQ29tcG9uZW50IHt9XG4iLCI8Y29kZSBjbGFzcz1cInNreS1jb2RlXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvY29kZT5cbiJdfQ==
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7a0dBQWhCLGdCQUFnQixnRENSN0IsNkRBQ0E7OzJGRE9hLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1jb2RlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2RlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQ29tcG9uZW50IHt9XG4iLCI8Y29kZSBjbGFzcz1cInNreS1jb2RlXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvY29kZT5cbiJdfQ==
package/{esm2020 → esm2022}/lib/modules/code/code.module.mjs RENAMED
@@ -3,11 +3,11 @@ import { NgModule } from '@angular/core';
3
3
  import { SkyCodeComponent } from './code.component';
4
4
  import * as i0 from "@angular/core";
5
5
  export class SkyCodeModule {
6
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeModule, declarations: [SkyCodeComponent], imports: [CommonModule], exports: [SkyCodeComponent] }); }
8
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeModule, imports: [CommonModule] }); }
6
9
  }
7
- SkyCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
8
- SkyCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, declarations: [SkyCodeComponent], imports: [CommonModule], exports: [SkyCodeComponent] });
9
- SkyCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, imports: [CommonModule] });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeModule, decorators: [{
11
11
  type: NgModule,
12
12
  args: [{
13
13
  declarations: [SkyCodeComponent],
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
15
15
  exports: [SkyCodeComponent],
16
16
  }]
17
17
  }] });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBT3BELE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBSlQsZ0JBQWdCLGFBQ3JCLFlBQVksYUFDWixnQkFBZ0I7MkdBRWYsYUFBYSxZQUhkLFlBQVk7MkZBR1gsYUFBYTtrQkFMekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5Q29kZUNvbXBvbmVudCB9IGZyb20gJy4vY29kZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lDb2RlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lDb2RlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Q29kZU1vZHVsZSB7fVxuIl19
18
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBT3BELE1BQU0sT0FBTyxhQUFhOzhHQUFiLGFBQWE7K0dBQWIsYUFBYSxpQkFKVCxnQkFBZ0IsYUFDckIsWUFBWSxhQUNaLGdCQUFnQjsrR0FFZixhQUFhLFlBSGQsWUFBWTs7MkZBR1gsYUFBYTtrQkFMekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5Q29kZUNvbXBvbmVudCB9IGZyb20gJy4vY29kZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lDb2RlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lDb2RlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Q29kZU1vZHVsZSB7fVxuIl19
package/esm2022/lib/modules/code-block/code-block.component.mjs ADDED
@@ -0,0 +1,118 @@
1
+ import { Component, ElementRef, Input, ViewChild, } from '@angular/core';
2
+ import Prism from 'prismjs';
3
+ import 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace';
4
+ import { prismLanguages } from './prism-languages';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@angular/platform-browser";
7
+ import * as i2 from "@angular/common";
8
+ import * as i3 from "@blackbaud/skyux-lib-clipboard";
9
+ import * as i4 from "@skyux/i18n";
10
+ const DEFAULT_LANGUAGE = 'markup';
11
+ export class SkyCodeBlockComponent {
12
+ set code(value) {
13
+ if (value !== this.#_code) {
14
+ this.#_code = value;
15
+ this.#updateCodeBlockDisplay();
16
+ }
17
+ }
18
+ get code() {
19
+ return this.#_code;
20
+ }
21
+ set languageType(value) {
22
+ if (value && this.#validLanguages.indexOf(value) > -1) {
23
+ this.#_languageType = value;
24
+ }
25
+ else {
26
+ this.#_languageType = DEFAULT_LANGUAGE;
27
+ }
28
+ this.#setDisplayName(value);
29
+ this.#updateCodeBlockClassName();
30
+ }
31
+ get languageType() {
32
+ return this.#_languageType;
33
+ }
34
+ #_code;
35
+ #_languageType;
36
+ #changeDetector;
37
+ #sanitizer;
38
+ #validLanguages;
39
+ constructor(changeDetector, sanitizer) {
40
+ this.hideCopyToClipboard = false;
41
+ this.#_languageType = DEFAULT_LANGUAGE;
42
+ this.#changeDetector = changeDetector;
43
+ this.#sanitizer = sanitizer;
44
+ this.#validLanguages = Object.keys(Prism.languages);
45
+ // Create an empty SafeHtml value on init since output cannot be undefined.
46
+ this.output = sanitizer.bypassSecurityTrustHtml('');
47
+ }
48
+ ngAfterViewInit() {
49
+ this.#updateCodeBlockClassName();
50
+ this.#updateCodeBlockDisplay();
51
+ }
52
+ ngOnChanges(changes) {
53
+ if (changes['fileName'] ||
54
+ changes['hideCopyToClipboard'] ||
55
+ changes['hideHeader']) {
56
+ this.#updateHeaderVisibility();
57
+ }
58
+ }
59
+ #updateHeaderVisibility() {
60
+ this.hideHeader =
61
+ this.hideHeader ||
62
+ (!this.displayName && !this.fileName && this.hideCopyToClipboard);
63
+ }
64
+ #updateCodeBlockClassName() {
65
+ this.codeBlockClassName = `language-${this.languageType}`;
66
+ this.#changeDetector.markForCheck();
67
+ }
68
+ #setDisplayName(value = '') {
69
+ this.displayName = value ? prismLanguages[value] : undefined;
70
+ this.#changeDetector.markForCheck();
71
+ }
72
+ #formatCode(code) {
73
+ return Prism.plugins['NormalizeWhitespace'].normalize(code, {
74
+ 'remove-trailing': true,
75
+ 'remove-indent': true,
76
+ 'left-trim': true,
77
+ 'right-trim': true,
78
+ indent: 0,
79
+ 'remove-initial-line-feed': true,
80
+ 'tabs-to-spaces': 2,
81
+ });
82
+ }
83
+ #highlightCode(code) {
84
+ return Prism.highlight(code, Prism.languages[this.languageType], this.languageType);
85
+ }
86
+ #updateCodeBlockDisplay() {
87
+ if (this.codeTemplateRef) {
88
+ const textContent = this.codeTemplateRef.nativeElement.textContent;
89
+ let code = this.code || textContent;
90
+ if (code) {
91
+ code = this.#formatCode(code);
92
+ code = this.#highlightCode(code);
93
+ }
94
+ this.output = this.#sanitizer.bypassSecurityTrustHtml(code);
95
+ this.#changeDetector.detectChanges();
96
+ }
97
+ }
98
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
99
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", 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" }] }); }
100
+ }
101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockComponent, decorators: [{
102
+ type: Component,
103
+ 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"] }]
104
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { code: [{
105
+ type: Input
106
+ }], fileName: [{
107
+ type: Input
108
+ }], languageType: [{
109
+ type: Input
110
+ }], hideCopyToClipboard: [{
111
+ type: Input
112
+ }], hideHeader: [{
113
+ type: Input
114
+ }], codeTemplateRef: [{
115
+ type: ViewChild,
116
+ args: ['codeFromContent', { read: ElementRef, static: true }]
117
+ }] } });
118
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUtYmxvY2svY29kZS1ibG9jay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUtYmxvY2svY29kZS1ibG9jay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBR0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQztBQUM1QixPQUFPLGlFQUFpRSxDQUFDO0FBRXpFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7O0FBRW5ELE1BQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUFDO0FBT2xDLE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsSUFDVyxJQUFJLENBQUMsS0FBeUI7UUFDdkMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUN6QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztZQUNwQixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztTQUNoQztJQUNILENBQUM7SUFFRCxJQUFXLElBQUk7UUFDYixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUtELElBQ1csWUFBWSxDQUFDLEtBQXlCO1FBQy9DLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFO1lBQ3JELElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO1NBQzdCO2FBQU07WUFDTCxJQUFJLENBQUMsY0FBYyxHQUFHLGdCQUFnQixDQUFDO1NBQ3hDO1FBRUQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBZUQsTUFBTSxDQUFxQjtJQUMzQixjQUFjLENBQTRCO0lBQzFDLGVBQWUsQ0FBb0I7SUFDbkMsVUFBVSxDQUFlO0lBQ3pCLGVBQWUsQ0FBVztJQUUxQixZQUFZLGNBQWlDLEVBQUUsU0FBdUI7UUFsQi9ELHdCQUFtQixHQUF3QixLQUFLLENBQUM7UUFheEQsbUJBQWMsR0FBVyxnQkFBZ0IsQ0FBQztRQU14QyxJQUFJLENBQUMsZUFBZSxHQUFHLGNBQWMsQ0FBQztRQUN0QyxJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztRQUM1QixJQUFJLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXBELDJFQUEyRTtRQUMzRSxJQUFJLENBQUMsTUFBTSxHQUFHLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRU0sV0FBVyxDQUFDLE9BQXNCO1FBQ3ZDLElBQ0UsT0FBTyxDQUFDLFVBQVUsQ0FBQztZQUNuQixPQUFPLENBQUMscUJBQXFCLENBQUM7WUFDOUIsT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUNyQjtZQUNBLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1NBQ2hDO0lBQ0gsQ0FBQztJQUVELHVCQUF1QjtRQUNyQixJQUFJLENBQUMsVUFBVTtZQUNiLElBQUksQ0FBQyxVQUFVO2dCQUNmLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRUQseUJBQXlCO1FBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxZQUFZLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxRCxJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBSyxHQUFHLEVBQUU7UUFDeEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQzdELElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUU7WUFDMUQsaUJBQWlCLEVBQUUsSUFBSTtZQUN2QixlQUFlLEVBQUUsSUFBSTtZQUNyQixXQUFXLEVBQUUsSUFBSTtZQUNqQixZQUFZLEVBQUUsSUFBSTtZQUNsQixNQUFNLEVBQUUsQ0FBQztZQUNULDBCQUEwQixFQUFFLElBQUk7WUFDaEMsZ0JBQWdCLEVBQUUsQ0FBQztTQUNwQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYyxDQUFDLElBQVk7UUFDekIsT0FBTyxLQUFLLENBQUMsU0FBUyxDQUNwQixJQUFJLEVBQ0osS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEVBQ2xDLElBQUksQ0FBQyxZQUFZLENBQ2xCLENBQUM7SUFDSixDQUFDO0lBRUQsdUJBQXVCO1FBQ3JCLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7WUFDbkUsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxXQUFXLENBQUM7WUFFcEMsSUFBSSxJQUFJLEVBQUU7Z0JBQ1IsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzlCLElBQUksR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzVELElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDdEM7SUFDSCxDQUFDOzhHQTVIVSxxQkFBcUI7a0dBQXJCLHFCQUFxQix5U0FzQ00sVUFBVSxnRUM5RGxELG83QkE2QkE7OzJGRExhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7bUlBTWYsSUFBSTtzQkFEZCxLQUFLO2dCQWFDLFFBQVE7c0JBRGQsS0FBSztnQkFJSyxZQUFZO3NCQUR0QixLQUFLO2dCQWlCQyxtQkFBbUI7c0JBRHpCLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxlQUFlO3NCQURyQixTQUFTO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZUh0bWwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW1wb3J0IFByaXNtIGZyb20gJ3ByaXNtanMnO1xuaW1wb3J0ICdwcmlzbWpzL3BsdWdpbnMvbm9ybWFsaXplLXdoaXRlc3BhY2UvcHJpc20tbm9ybWFsaXplLXdoaXRlc3BhY2UnO1xuXG5pbXBvcnQgeyBwcmlzbUxhbmd1YWdlcyB9IGZyb20gJy4vcHJpc20tbGFuZ3VhZ2VzJztcblxuY29uc3QgREVGQVVMVF9MQU5HVUFHRSA9ICdtYXJrdXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktY29kZS1ibG9jaycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2RlLWJsb2NrLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29kZS1ibG9jay5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQmxvY2tDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGNvZGUodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy4jX2NvZGUpIHtcbiAgICAgIHRoaXMuI19jb2RlID0gdmFsdWU7XG4gICAgICB0aGlzLiN1cGRhdGVDb2RlQmxvY2tEaXNwbGF5KCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldCBjb2RlKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19jb2RlO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIGZpbGVOYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBsYW5ndWFnZVR5cGUodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgIGlmICh2YWx1ZSAmJiB0aGlzLiN2YWxpZExhbmd1YWdlcy5pbmRleE9mKHZhbHVlKSA+IC0xKSB7XG4gICAgICB0aGlzLiNfbGFuZ3VhZ2VUeXBlID0gdmFsdWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuI19sYW5ndWFnZVR5cGUgPSBERUZBVUxUX0xBTkdVQUdFO1xuICAgIH1cblxuICAgIHRoaXMuI3NldERpc3BsYXlOYW1lKHZhbHVlKTtcbiAgICB0aGlzLiN1cGRhdGVDb2RlQmxvY2tDbGFzc05hbWUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGFuZ3VhZ2VUeXBlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuI19sYW5ndWFnZVR5cGU7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgaGlkZUNvcHlUb0NsaXBib2FyZDogYm9vbGVhbiB8IHVuZGVmaW5lZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoaWRlSGVhZGVyOiBib29sZWFuIHwgdW5kZWZpbmVkO1xuXG4gIEBWaWV3Q2hpbGQoJ2NvZGVGcm9tQ29udGVudCcsIHsgcmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBjb2RlVGVtcGxhdGVSZWY6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGNvZGVCbG9ja0NsYXNzTmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBwdWJsaWMgZGlzcGxheU5hbWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgcHVibGljIG91dHB1dDogU2FmZUh0bWw7XG5cbiAgI19jb2RlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICNfbGFuZ3VhZ2VUeXBlOiBzdHJpbmcgPSBERUZBVUxUX0xBTkdVQUdFO1xuICAjY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmO1xuICAjc2FuaXRpemVyOiBEb21TYW5pdGl6ZXI7XG4gICN2YWxpZExhbmd1YWdlczogc3RyaW5nW107XG5cbiAgY29uc3RydWN0b3IoY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmLCBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yID0gY2hhbmdlRGV0ZWN0b3I7XG4gICAgdGhpcy4jc2FuaXRpemVyID0gc2FuaXRpemVyO1xuICAgIHRoaXMuI3ZhbGlkTGFuZ3VhZ2VzID0gT2JqZWN0LmtleXMoUHJpc20ubGFuZ3VhZ2VzKTtcblxuICAgIC8vIENyZWF0ZSBhbiBlbXB0eSBTYWZlSHRtbCB2YWx1ZSBvbiBpbml0IHNpbmNlIG91dHB1dCBjYW5ub3QgYmUgdW5kZWZpbmVkLlxuICAgIHRoaXMub3V0cHV0ID0gc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKCcnKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy4jdXBkYXRlQ29kZUJsb2NrQ2xhc3NOYW1lKCk7XG4gICAgdGhpcy4jdXBkYXRlQ29kZUJsb2NrRGlzcGxheSgpO1xuICB9XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzWydmaWxlTmFtZSddIHx8XG4gICAgICBjaGFuZ2VzWydoaWRlQ29weVRvQ2xpcGJvYXJkJ10gfHxcbiAgICAgIGNoYW5nZXNbJ2hpZGVIZWFkZXInXVxuICAgICkge1xuICAgICAgdGhpcy4jdXBkYXRlSGVhZGVyVmlzaWJpbGl0eSgpO1xuICAgIH1cbiAgfVxuXG4gICN1cGRhdGVIZWFkZXJWaXNpYmlsaXR5KCk6IHZvaWQge1xuICAgIHRoaXMuaGlkZUhlYWRlciA9XG4gICAgICB0aGlzLmhpZGVIZWFkZXIgfHxcbiAgICAgICghdGhpcy5kaXNwbGF5TmFtZSAmJiAhdGhpcy5maWxlTmFtZSAmJiB0aGlzLmhpZGVDb3B5VG9DbGlwYm9hcmQpO1xuICB9XG5cbiAgI3VwZGF0ZUNvZGVCbG9ja0NsYXNzTmFtZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvZGVCbG9ja0NsYXNzTmFtZSA9IGBsYW5ndWFnZS0ke3RoaXMubGFuZ3VhZ2VUeXBlfWA7XG4gICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICAjc2V0RGlzcGxheU5hbWUodmFsdWUgPSAnJyk6IHZvaWQge1xuICAgIHRoaXMuZGlzcGxheU5hbWUgPSB2YWx1ZSA/IHByaXNtTGFuZ3VhZ2VzW3ZhbHVlXSA6IHVuZGVmaW5lZDtcbiAgICB0aGlzLiNjaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gICNmb3JtYXRDb2RlKGNvZGU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFByaXNtLnBsdWdpbnNbJ05vcm1hbGl6ZVdoaXRlc3BhY2UnXS5ub3JtYWxpemUoY29kZSwge1xuICAgICAgJ3JlbW92ZS10cmFpbGluZyc6IHRydWUsXG4gICAgICAncmVtb3ZlLWluZGVudCc6IHRydWUsXG4gICAgICAnbGVmdC10cmltJzogdHJ1ZSxcbiAgICAgICdyaWdodC10cmltJzogdHJ1ZSxcbiAgICAgIGluZGVudDogMCxcbiAgICAgICdyZW1vdmUtaW5pdGlhbC1saW5lLWZlZWQnOiB0cnVlLFxuICAgICAgJ3RhYnMtdG8tc3BhY2VzJzogMixcbiAgICB9KTtcbiAgfVxuXG4gICNoaWdobGlnaHRDb2RlKGNvZGU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFByaXNtLmhpZ2hsaWdodChcbiAgICAgIGNvZGUsXG4gICAgICBQcmlzbS5sYW5ndWFnZXNbdGhpcy5sYW5ndWFnZVR5cGVdLFxuICAgICAgdGhpcy5sYW5ndWFnZVR5cGVcbiAgICApO1xuICB9XG5cbiAgI3VwZGF0ZUNvZGVCbG9ja0Rpc3BsYXkoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29kZVRlbXBsYXRlUmVmKSB7XG4gICAgICBjb25zdCB0ZXh0Q29udGVudCA9IHRoaXMuY29kZVRlbXBsYXRlUmVmLm5hdGl2ZUVsZW1lbnQudGV4dENvbnRlbnQ7XG4gICAgICBsZXQgY29kZSA9IHRoaXMuY29kZSB8fCB0ZXh0Q29udGVudDtcblxuICAgICAgaWYgKGNvZGUpIHtcbiAgICAgICAgY29kZSA9IHRoaXMuI2Zvcm1hdENvZGUoY29kZSk7XG4gICAgICAgIGNvZGUgPSB0aGlzLiNoaWdobGlnaHRDb2RlKGNvZGUpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLm91dHB1dCA9IHRoaXMuI3Nhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChjb2RlKTtcbiAgICAgIHRoaXMuI2NoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktY29kZS1ibG9ja1wiPlxuICA8ZGl2ICpuZ0lmPVwiIWhpZGVIZWFkZXJcIiBjbGFzcz1cInNreS1jb2RlLWJsb2NrLWhlYWRlclwiPlxuICAgIDxkaXY+XG4gICAgICA8c3BhbiAqbmdJZj1cImZpbGVOYW1lXCIgY2xhc3M9XCJza3ktZW1waGFzaXplZCBza3ktbWFyZ2luLWlubGluZS1kZWZhdWx0XCI+XG4gICAgICAgIHt7IGZpbGVOYW1lIH19XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImRpc3BsYXlOYW1lXCIgY2xhc3M9XCJza3ktZGVlbXBoYXNpemVkXCI+XG4gICAgICAgIHt7IGRpc3BsYXlOYW1lIH19XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPHNreS1jb3B5LXRvLWNsaXBib2FyZFxuICAgICAgKm5nSWY9XCIhaGlkZUNvcHlUb0NsaXBib2FyZFwiXG4gICAgICBbY29weVRhcmdldF09XCJza3lDb2RlT3V0cHV0XCJcbiAgICAgIGJ1dHRvblRleHQ9XCJ7eyAnc2t5X2NvcHlfdG9fY2xpcGJvYXJkX2J1dHRvbicgfCBza3lMaWJSZXNvdXJjZXMgfX1cIlxuICAgICAgYnV0dG9uQ2xpY2tlZFRleHQ9XCJ7e1xuICAgICAgICAnc2t5X2NvcHlfdG9fY2xpcGJvYXJkX2J1dHRvbl9zdWNjZXNzJyB8IHNreUxpYlJlc291cmNlc1xuICAgICAgfX1cIlxuICAgID5cbiAgICA8L3NreS1jb3B5LXRvLWNsaXBib2FyZD5cbiAgPC9kaXY+XG4gIDxkaXYgI2NvZGVGcm9tQ29udGVudCBjbGFzcz1cInNreS1jb2RlLWlucHV0XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdj5cbiAgICA8cHJlICNza3lDb2RlT3V0cHV0IGNsYXNzPVwic2t5LWNvZGUtb3V0cHV0XCI+PGNvZGVcbiAgICAgICAgW25nQ2xhc3NdPVwiY29kZUJsb2NrQ2xhc3NOYW1lXCJcbiAgICAgICAgW2lubmVySFRNTF09XCJvdXRwdXRcIj48L2NvZGU+PC9wcmU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
package/{esm2020 → esm2022}/lib/modules/code-block/code-block.module.mjs RENAMED
@@ -5,11 +5,11 @@ import { SkyCodeBlockResourcesModule } from '../shared/sky-code-block-resources.
5
5
  import { SkyCodeBlockComponent } from './code-block.component';
6
6
  import * as i0 from "@angular/core";
7
7
  export class SkyCodeBlockModule {
8
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] }); }
10
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] }); }
8
11
  }
9
- SkyCodeBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
10
- SkyCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] });
11
- SkyCodeBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] });
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
13
13
  type: NgModule,
14
14
  args: [{
15
15
  declarations: [SkyCodeBlockComponent],
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
17
17
  exports: [SkyCodeBlockComponent],
18
18
  }]
19
19
  }] });
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS1ibG9jay5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUtYmxvY2svY29kZS1ibG9jay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFcEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFeEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTy9ELE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFKZCxxQkFBcUIsYUFDMUIsWUFBWSxFQUFFLGtCQUFrQixFQUFFLDJCQUEyQixhQUM3RCxxQkFBcUI7Z0hBRXBCLGtCQUFrQixZQUhuQixZQUFZLEVBQUUsa0JBQWtCLEVBQUUsMkJBQTJCOzJGQUc1RCxrQkFBa0I7a0JBTDlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSwyQkFBMkIsQ0FBQztvQkFDeEUsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDbGlwYm9hcmRNb2R1bGUgfSBmcm9tICdAYmxhY2tiYXVkL3NreXV4LWxpYi1jbGlwYm9hcmQnO1xuXG5pbXBvcnQgeyBTa3lDb2RlQmxvY2tSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWNvZGUtYmxvY2stcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUNvZGVCbG9ja0NvbXBvbmVudCB9IGZyb20gJy4vY29kZS1ibG9jay5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lDb2RlQmxvY2tDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lDbGlwYm9hcmRNb2R1bGUsIFNreUNvZGVCbG9ja1Jlc291cmNlc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lDb2RlQmxvY2tDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQmxvY2tNb2R1bGUge31cbiJdfQ==
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS1ibG9jay5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUtYmxvY2svY29kZS1ibG9jay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFcEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFeEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTy9ELE1BQU0sT0FBTyxrQkFBa0I7OEdBQWxCLGtCQUFrQjsrR0FBbEIsa0JBQWtCLGlCQUpkLHFCQUFxQixhQUMxQixZQUFZLEVBQUUsa0JBQWtCLEVBQUUsMkJBQTJCLGFBQzdELHFCQUFxQjsrR0FFcEIsa0JBQWtCLFlBSG5CLFlBQVksRUFBRSxrQkFBa0IsRUFBRSwyQkFBMkI7OzJGQUc1RCxrQkFBa0I7a0JBTDlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSwyQkFBMkIsQ0FBQztvQkFDeEUsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDbGlwYm9hcmRNb2R1bGUgfSBmcm9tICdAYmxhY2tiYXVkL3NreXV4LWxpYi1jbGlwYm9hcmQnO1xuXG5pbXBvcnQgeyBTa3lDb2RlQmxvY2tSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWNvZGUtYmxvY2stcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUNvZGVCbG9ja0NvbXBvbmVudCB9IGZyb20gJy4vY29kZS1ibG9jay5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lDb2RlQmxvY2tDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lDbGlwYm9hcmRNb2R1bGUsIFNreUNvZGVCbG9ja1Jlc291cmNlc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lDb2RlQmxvY2tDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQmxvY2tNb2R1bGUge31cbiJdfQ==
package/esm2022/lib/modules/shared/sky-code-block-resources.module.mjs ADDED
@@ -0,0 +1,51 @@
1
+ /* istanbul ignore file */
2
+ /**
3
+ * NOTICE: DO NOT MODIFY THIS FILE!
4
+ * The contents of this file were automatically generated by
5
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-code-block' schematic.
6
+ * To update this file, simply rerun the command.
7
+ */
8
+ import { NgModule } from '@angular/core';
9
+ import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, SkyLibResourcesService, getLibStringForLocale, } from '@skyux/i18n';
10
+ import * as i0 from "@angular/core";
11
+ const RESOURCES = {
12
+ 'EN-US': {
13
+ sky_copy_to_clipboard_button_title: { message: 'Copy to clipboard' },
14
+ sky_copy_to_clipboard_button: { message: 'Copy' },
15
+ sky_copy_to_clipboard_button_success: { message: 'Copied!' },
16
+ },
17
+ };
18
+ SkyLibResourcesService.addResources(RESOURCES);
19
+ export class SkyCodeBlockResourcesProvider {
20
+ getString(localeInfo, name) {
21
+ return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
22
+ }
23
+ }
24
+ /**
25
+ * Import into any component library module that needs to use resource strings.
26
+ */
27
+ export class SkyCodeBlockResourcesModule {
28
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
29
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockResourcesModule, exports: [SkyI18nModule] }); }
30
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockResourcesModule, providers: [
31
+ {
32
+ provide: SKY_LIB_RESOURCES_PROVIDERS,
33
+ useClass: SkyCodeBlockResourcesProvider,
34
+ multi: true,
35
+ },
36
+ ], imports: [SkyI18nModule] }); }
37
+ }
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockResourcesModule, decorators: [{
39
+ type: NgModule,
40
+ args: [{
41
+ exports: [SkyI18nModule],
42
+ providers: [
43
+ {
44
+ provide: SKY_LIB_RESOURCES_PROVIDERS,
45
+ useClass: SkyCodeBlockResourcesProvider,
46
+ multi: true,
47
+ },
48
+ ],
49
+ }]
50
+ }] });
51
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LWNvZGUtYmxvY2stcmVzb3VyY2VzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29kZS1ibG9jay9zcmMvbGliL21vZHVsZXMvc2hhcmVkL3NreS1jb2RlLWJsb2NrLXJlc291cmNlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMEJBQTBCO0FBRTFCOzs7OztHQUtHO0FBQ0gsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQ0wsMkJBQTJCLEVBRTNCLGFBQWEsRUFHYixzQkFBc0IsRUFDdEIscUJBQXFCLEdBQ3RCLE1BQU0sYUFBYSxDQUFDOztBQUVyQixNQUFNLFNBQVMsR0FBMEM7SUFDdkQsT0FBTyxFQUFFO1FBQ1Asa0NBQWtDLEVBQUUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUU7UUFDcEUsNEJBQTRCLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFO1FBQ2pELG9DQUFvQyxFQUFFLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRTtLQUM3RDtDQUNGLENBQUM7QUFFRixzQkFBc0IsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7QUFFL0MsTUFBTSxPQUFPLDZCQUE2QjtJQUNqQyxTQUFTLENBQ2QsVUFBNEIsRUFDNUIsSUFBWTtRQUVaLE9BQU8scUJBQXFCLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztDQUNGO0FBRUQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8sMkJBQTJCOzhHQUEzQiwyQkFBMkI7K0dBQTNCLDJCQUEyQixZQVQ1QixhQUFhOytHQVNaLDJCQUEyQixhQVIzQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSwyQkFBMkI7Z0JBQ3BDLFFBQVEsRUFBRSw2QkFBNkI7Z0JBQ3ZDLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixZQVBTLGFBQWE7OzJGQVNaLDJCQUEyQjtrQkFWdkMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCOzRCQUNwQyxRQUFRLEVBQUUsNkJBQTZCOzRCQUN2QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qIGlzdGFuYnVsIGlnbm9yZSBmaWxlICovXG5cbi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBsaWIvbW9kdWxlcy9zaGFyZWQvc2t5LWNvZGUtYmxvY2snIHNjaGVtYXRpYy5cbiAqIFRvIHVwZGF0ZSB0aGlzIGZpbGUsIHNpbXBseSByZXJ1biB0aGUgY29tbWFuZC5cbiAqL1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNLWV9MSUJfUkVTT1VSQ0VTX1BST1ZJREVSUyxcbiAgU2t5QXBwTG9jYWxlSW5mbyxcbiAgU2t5STE4bk1vZHVsZSxcbiAgU2t5TGliUmVzb3VyY2VzLFxuICBTa3lMaWJSZXNvdXJjZXNQcm92aWRlcixcbiAgU2t5TGliUmVzb3VyY2VzU2VydmljZSxcbiAgZ2V0TGliU3RyaW5nRm9yTG9jYWxlLFxufSBmcm9tICdAc2t5dXgvaTE4bic7XG5cbmNvbnN0IFJFU09VUkNFUzogeyBbbG9jYWxlOiBzdHJpbmddOiBTa3lMaWJSZXNvdXJjZXMgfSA9IHtcbiAgJ0VOLVVTJzoge1xuICAgIHNreV9jb3B5X3RvX2NsaXBib2FyZF9idXR0b25fdGl0bGU6IHsgbWVzc2FnZTogJ0NvcHkgdG8gY2xpcGJvYXJkJyB9LFxuICAgIHNreV9jb3B5X3RvX2NsaXBib2FyZF9idXR0b246IHsgbWVzc2FnZTogJ0NvcHknIH0sXG4gICAgc2t5X2NvcHlfdG9fY2xpcGJvYXJkX2J1dHRvbl9zdWNjZXNzOiB7IG1lc3NhZ2U6ICdDb3BpZWQhJyB9LFxuICB9LFxufTtcblxuU2t5TGliUmVzb3VyY2VzU2VydmljZS5hZGRSZXNvdXJjZXMoUkVTT1VSQ0VTKTtcblxuZXhwb3J0IGNsYXNzIFNreUNvZGVCbG9ja1Jlc291cmNlc1Byb3ZpZGVyIGltcGxlbWVudHMgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIge1xuICBwdWJsaWMgZ2V0U3RyaW5nKFxuICAgIGxvY2FsZUluZm86IFNreUFwcExvY2FsZUluZm8sXG4gICAgbmFtZTogc3RyaW5nXG4gICk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIGdldExpYlN0cmluZ0ZvckxvY2FsZShSRVNPVVJDRVMsIGxvY2FsZUluZm8ubG9jYWxlLCBuYW1lKTtcbiAgfVxufVxuXG4vKipcbiAqIEltcG9ydCBpbnRvIGFueSBjb21wb25lbnQgbGlicmFyeSBtb2R1bGUgdGhhdCBuZWVkcyB0byB1c2UgcmVzb3VyY2Ugc3RyaW5ncy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgZXhwb3J0czogW1NreUkxOG5Nb2R1bGVdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gICAgICB1c2VDbGFzczogU2t5Q29kZUJsb2NrUmVzb3VyY2VzUHJvdmlkZXIsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQmxvY2tSZXNvdXJjZXNNb2R1bGUge31cbiJdfQ==
package/{fesm2020 → fesm2022}/blackbaud-skyux-lib-code-block.mjs RENAMED
@@ -5,8 +5,7 @@ import { NgModule, ElementRef, Component, Input, ViewChild, ChangeDetectionStrat
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
- import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
9
- import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
8
+ import { SkyLibResourcesService, getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
10
9
  import Prism from 'prismjs';
11
10
  import 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace';
12
11
  import 'prismjs/components/prism-abap.min';
@@ -162,6 +161,7 @@ import 'prismjs/components/prism-xquery.min';
162
161
  import 'prismjs/components/prism-yaml.min';
163
162
  import * as i1 from '@angular/platform-browser';
164
163
 
164
+ /* istanbul ignore file */
165
165
  /**
166
166
  * NOTICE: DO NOT MODIFY THIS FILE!
167
167
  * The contents of this file were automatically generated by
@@ -175,6 +175,7 @@ const RESOURCES = {
175
175
  sky_copy_to_clipboard_button_success: { message: 'Copied!' },
176
176
  },
177
177
  };
178
+ SkyLibResourcesService.addResources(RESOURCES);
178
179
  class SkyCodeBlockResourcesProvider {
179
180
  getString(localeInfo, name) {
180
181
  return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
@@ -184,17 +185,17 @@ class SkyCodeBlockResourcesProvider {
184
185
  * Import into any component library module that needs to use resource strings.
185
186
  */
186
187
  class SkyCodeBlockResourcesModule {
188
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
189
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockResourcesModule, exports: [SkyI18nModule] }); }
190
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockResourcesModule, providers: [
191
+ {
192
+ provide: SKY_LIB_RESOURCES_PROVIDERS,
193
+ useClass: SkyCodeBlockResourcesProvider,
194
+ multi: true,
195
+ },
196
+ ], imports: [SkyI18nModule] }); }
187
197
  }
188
- SkyCodeBlockResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
189
- SkyCodeBlockResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockResourcesModule, exports: [SkyI18nModule] });
190
- SkyCodeBlockResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockResourcesModule, providers: [
191
- {
192
- provide: SKY_LIB_RESOURCES_PROVIDERS,
193
- useClass: SkyCodeBlockResourcesProvider,
194
- multi: true,
195
- },
196
- ], imports: [SkyI18nModule] });
197
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockResourcesModule, decorators: [{
198
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockResourcesModule, decorators: [{
198
199
  type: NgModule,
199
200
  args: [{
200
201
  exports: [SkyI18nModule],
@@ -364,94 +365,98 @@ const prismLanguages = {
364
365
  vim: 'vim',
365
366
  };
366
367
 
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
368
  const DEFAULT_LANGUAGE = 'markup';
369
369
  class SkyCodeBlockComponent {
370
370
  set code(value) {
371
- if (value !== __classPrivateFieldGet(this, _SkyCodeBlockComponent__code, "f")) {
372
- __classPrivateFieldSet(this, _SkyCodeBlockComponent__code, value, "f");
373
- __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockDisplay).call(this);
371
+ if (value !== this.#_code) {
372
+ this.#_code = value;
373
+ this.#updateCodeBlockDisplay();
374
374
  }
375
375
  }
376
376
  get code() {
377
- return __classPrivateFieldGet(this, _SkyCodeBlockComponent__code, "f");
377
+ return this.#_code;
378
378
  }
379
379
  set languageType(value) {
380
- if (value && __classPrivateFieldGet(this, _SkyCodeBlockComponent_validLanguages, "f").indexOf(value) > -1) {
381
- __classPrivateFieldSet(this, _SkyCodeBlockComponent__languageType, value, "f");
380
+ if (value && this.#validLanguages.indexOf(value) > -1) {
381
+ this.#_languageType = value;
382
382
  }
383
383
  else {
384
- __classPrivateFieldSet(this, _SkyCodeBlockComponent__languageType, DEFAULT_LANGUAGE, "f");
384
+ this.#_languageType = DEFAULT_LANGUAGE;
385
385
  }
386
- __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_setDisplayName).call(this, value);
387
- __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockClassName).call(this);
386
+ this.#setDisplayName(value);
387
+ this.#updateCodeBlockClassName();
388
388
  }
389
389
  get languageType() {
390
- return __classPrivateFieldGet(this, _SkyCodeBlockComponent__languageType, "f");
390
+ return this.#_languageType;
391
391
  }
392
+ #_code;
393
+ #_languageType;
394
+ #changeDetector;
395
+ #sanitizer;
396
+ #validLanguages;
392
397
  constructor(changeDetector, sanitizer) {
393
- _SkyCodeBlockComponent_instances.add(this);
394
398
  this.hideCopyToClipboard = false;
395
- _SkyCodeBlockComponent__code.set(this, void 0);
396
- _SkyCodeBlockComponent__languageType.set(this, DEFAULT_LANGUAGE);
397
- _SkyCodeBlockComponent_changeDetector.set(this, void 0);
398
- _SkyCodeBlockComponent_sanitizer.set(this, void 0);
399
- _SkyCodeBlockComponent_validLanguages.set(this, void 0);
400
- __classPrivateFieldSet(this, _SkyCodeBlockComponent_changeDetector, changeDetector, "f");
401
- __classPrivateFieldSet(this, _SkyCodeBlockComponent_sanitizer, sanitizer, "f");
402
- __classPrivateFieldSet(this, _SkyCodeBlockComponent_validLanguages, Object.keys(Prism.languages), "f");
399
+ this.#_languageType = DEFAULT_LANGUAGE;
400
+ this.#changeDetector = changeDetector;
401
+ this.#sanitizer = sanitizer;
402
+ this.#validLanguages = Object.keys(Prism.languages);
403
403
  // Create an empty SafeHtml value on init since output cannot be undefined.
404
404
  this.output = sanitizer.bypassSecurityTrustHtml('');
405
405
  }
406
406
  ngAfterViewInit() {
407
- __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockClassName).call(this);
408
- __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockDisplay).call(this);
407
+ this.#updateCodeBlockClassName();
408
+ this.#updateCodeBlockDisplay();
409
409
  }
410
410
  ngOnChanges(changes) {
411
411
  if (changes['fileName'] ||
412
412
  changes['hideCopyToClipboard'] ||
413
413
  changes['hideHeader']) {
414
- __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateHeaderVisibility).call(this);
414
+ this.#updateHeaderVisibility();
415
415
  }
416
416
  }
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);
417
+ #updateHeaderVisibility() {
418
+ this.hideHeader =
419
+ this.hideHeader ||
420
+ (!this.displayName && !this.fileName && this.hideCopyToClipboard);
421
+ }
422
+ #updateCodeBlockClassName() {
423
+ this.codeBlockClassName = `language-${this.languageType}`;
424
+ this.#changeDetector.markForCheck();
425
+ }
426
+ #setDisplayName(value = '') {
427
+ this.displayName = value ? prismLanguages[value] : undefined;
428
+ this.#changeDetector.markForCheck();
429
+ }
430
+ #formatCode(code) {
431
+ return Prism.plugins['NormalizeWhitespace'].normalize(code, {
432
+ 'remove-trailing': true,
433
+ 'remove-indent': true,
434
+ 'left-trim': true,
435
+ 'right-trim': true,
436
+ indent: 0,
437
+ 'remove-initial-line-feed': true,
438
+ 'tabs-to-spaces': 2,
439
+ });
440
+ }
441
+ #highlightCode(code) {
442
+ return Prism.highlight(code, Prism.languages[this.languageType], this.languageType);
443
+ }
444
+ #updateCodeBlockDisplay() {
445
+ if (this.codeTemplateRef) {
446
+ const textContent = this.codeTemplateRef.nativeElement.textContent;
447
+ let code = this.code || textContent;
448
+ if (code) {
449
+ code = this.#formatCode(code);
450
+ code = this.#highlightCode(code);
451
+ }
452
+ this.output = this.#sanitizer.bypassSecurityTrustHtml(code);
453
+ this.#changeDetector.detectChanges();
447
454
  }
448
- this.output = __classPrivateFieldGet(this, _SkyCodeBlockComponent_sanitizer, "f").bypassSecurityTrustHtml(code);
449
- __classPrivateFieldGet(this, _SkyCodeBlockComponent_changeDetector, "f").detectChanges();
450
455
  }
451
- };
452
- SkyCodeBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
453
- SkyCodeBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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" }] });
454
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockComponent, decorators: [{
456
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
457
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", 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" }] }); }
458
+ }
459
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockComponent, decorators: [{
455
460
  type: Component,
456
461
  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"] }]
457
462
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { code: [{
@@ -470,11 +475,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
470
475
  }] } });
471
476
 
472
477
  class SkyCodeBlockModule {
478
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
479
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] }); }
480
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] }); }
473
481
  }
474
- SkyCodeBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
475
- SkyCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] });
476
- SkyCodeBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] });
477
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
482
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
478
483
  type: NgModule,
479
484
  args: [{
480
485
  declarations: [SkyCodeBlockComponent],
@@ -484,20 +489,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
484
489
  }] });
485
490
 
486
491
  class SkyCodeComponent {
492
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
493
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SkyCodeComponent, selector: "sky-code", ngImport: i0, template: "<code class=\"sky-code\"><ng-content></ng-content></code>\n", styles: [".sky-code{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;overflow-wrap:break-word;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;color:#d1282c;padding:0 4px;background-color:#f1eef6}.sky-code ::ng-deep a{color:#d93a3d;text-decoration:underline}::ng-deep a .sky-code{text-decoration:underline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
487
494
  }
488
- SkyCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
489
- SkyCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyCodeComponent, selector: "sky-code", ngImport: i0, template: "<code class=\"sky-code\"><ng-content></ng-content></code>\n", styles: [".sky-code{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;overflow-wrap:break-word;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;color:#d1282c;padding:0 4px;background-color:#f1eef6}.sky-code ::ng-deep a{color:#d93a3d;text-decoration:underline}::ng-deep a .sky-code{text-decoration:underline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
490
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeComponent, decorators: [{
495
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeComponent, decorators: [{
491
496
  type: Component,
492
497
  args: [{ selector: 'sky-code', changeDetection: ChangeDetectionStrategy.OnPush, template: "<code class=\"sky-code\"><ng-content></ng-content></code>\n", styles: [".sky-code{border-top:1px solid #cdcfd2;border-right:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;overflow-wrap:break-word;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;color:#d1282c;padding:0 4px;background-color:#f1eef6}.sky-code ::ng-deep a{color:#d93a3d;text-decoration:underline}::ng-deep a .sky-code{text-decoration:underline}\n"] }]
493
498
  }] });
494
499
 
495
500
  class SkyCodeModule {
501
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
502
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeModule, declarations: [SkyCodeComponent], imports: [CommonModule], exports: [SkyCodeComponent] }); }
503
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeModule, imports: [CommonModule] }); }
496
504
  }
497
- SkyCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
498
- SkyCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, declarations: [SkyCodeComponent], imports: [CommonModule], exports: [SkyCodeComponent] });
499
- SkyCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, imports: [CommonModule] });
500
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, decorators: [{
505
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkyCodeModule, decorators: [{
501
506
  type: NgModule,
502
507
  args: [{
503
508
  declarations: [SkyCodeComponent],