@blackbaud/skyux-lib-code-block 8.1.1 → 9.0.0-alpha.0

package/{esm2020 → esm2022}/lib/modules/code/code.component.mjs

@@ -1,11 +1,11 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class SkyCodeComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", 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 }); }
 }
-SkyCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeComponent, decorators: [{
             type: Component,
             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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsZ0RDUjdCLDZEQUNBOzJGRE9hLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1jb2RlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2RlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQ29tcG9uZW50IHt9XG4iLCI8Y29kZSBjbGFzcz1cInNreS1jb2RlXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvY29kZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7a0dBQWhCLGdCQUFnQixnRENSN0IsNkRBQ0E7OzJGRE9hLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1jb2RlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2RlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQ29tcG9uZW50IHt9XG4iLCI8Y29kZSBjbGFzcz1cInNreS1jb2RlXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvY29kZT5cbiJdfQ==

package/{esm2020 → esm2022}/lib/modules/code/code.module.mjs

@@ -3,11 +3,11 @@ import { NgModule } from '@angular/core';
 import { SkyCodeComponent } from './code.component';
 import * as i0 from "@angular/core";
 export class SkyCodeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeModule, declarations: [SkyCodeComponent], imports: [CommonModule], exports: [SkyCodeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeModule, imports: [CommonModule] }); }
 }
-SkyCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, declarations: [SkyCodeComponent], imports: [CommonModule], exports: [SkyCodeComponent] });
-SkyCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyCodeComponent],
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     exports: [SkyCodeComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBT3BELE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBSlQsZ0JBQWdCLGFBQ3JCLFlBQVksYUFDWixnQkFBZ0I7MkdBRWYsYUFBYSxZQUhkLFlBQVk7MkZBR1gsYUFBYTtrQkFMekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5Q29kZUNvbXBvbmVudCB9IGZyb20gJy4vY29kZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lDb2RlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lDb2RlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Q29kZU1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUvY29kZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBT3BELE1BQU0sT0FBTyxhQUFhOzhHQUFiLGFBQWE7K0dBQWIsYUFBYSxpQkFKVCxnQkFBZ0IsYUFDckIsWUFBWSxhQUNaLGdCQUFnQjsrR0FFZixhQUFhLFlBSGQsWUFBWTs7MkZBR1gsYUFBYTtrQkFMekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5Q29kZUNvbXBvbmVudCB9IGZyb20gJy4vY29kZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lDb2RlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lDb2RlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Q29kZU1vZHVsZSB7fVxuIl19

package/esm2022/lib/modules/code-block/code-block.component.mjs

@@ -0,0 +1,118 @@
+import { Component, ElementRef, Input, ViewChild, } from '@angular/core';
+import Prism from 'prismjs';
+import 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace';
+import { prismLanguages } from './prism-languages';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
+import * as i3 from "@blackbaud/skyux-lib-clipboard";
+import * as i4 from "@skyux/i18n";
+const DEFAULT_LANGUAGE = 'markup';
+export class SkyCodeBlockComponent {
+    set code(value) {
+        if (value !== this.#_code) {
+            this.#_code = value;
+            this.#updateCodeBlockDisplay();
+        }
+    }
+    get code() {
+        return this.#_code;
+    }
+    set languageType(value) {
+        if (value && this.#validLanguages.indexOf(value) > -1) {
+            this.#_languageType = value;
+        }
+        else {
+            this.#_languageType = DEFAULT_LANGUAGE;
+        }
+        this.#setDisplayName(value);
+        this.#updateCodeBlockClassName();
+    }
+    get languageType() {
+        return this.#_languageType;
+    }
+    #_code;
+    #_languageType;
+    #changeDetector;
+    #sanitizer;
+    #validLanguages;
+    constructor(changeDetector, sanitizer) {
+        this.hideCopyToClipboard = false;
+        this.#_languageType = DEFAULT_LANGUAGE;
+        this.#changeDetector = changeDetector;
+        this.#sanitizer = sanitizer;
+        this.#validLanguages = Object.keys(Prism.languages);
+        // Create an empty SafeHtml value on init since output cannot be undefined.
+        this.output = sanitizer.bypassSecurityTrustHtml('');
+    }
+    ngAfterViewInit() {
+        this.#updateCodeBlockClassName();
+        this.#updateCodeBlockDisplay();
+    }
+    ngOnChanges(changes) {
+        if (changes['fileName'] ||
+            changes['hideCopyToClipboard'] ||
+            changes['hideHeader']) {
+            this.#updateHeaderVisibility();
+        }
+    }
+    #updateHeaderVisibility() {
+        this.hideHeader =
+            this.hideHeader ||
+                (!this.displayName && !this.fileName && this.hideCopyToClipboard);
+    }
+    #updateCodeBlockClassName() {
+        this.codeBlockClassName = `language-${this.languageType}`;
+        this.#changeDetector.markForCheck();
+    }
+    #setDisplayName(value = '') {
+        this.displayName = value ? prismLanguages[value] : undefined;
+        this.#changeDetector.markForCheck();
+    }
+    #formatCode(code) {
+        return Prism.plugins['NormalizeWhitespace'].normalize(code, {
+            'remove-trailing': true,
+            'remove-indent': true,
+            'left-trim': true,
+            'right-trim': true,
+            indent: 0,
+            'remove-initial-line-feed': true,
+            'tabs-to-spaces': 2,
+        });
+    }
+    #highlightCode(code) {
+        return Prism.highlight(code, Prism.languages[this.languageType], this.languageType);
+    }
+    #updateCodeBlockDisplay() {
+        if (this.codeTemplateRef) {
+            const textContent = this.codeTemplateRef.nativeElement.textContent;
+            let code = this.code || textContent;
+            if (code) {
+                code = this.#formatCode(code);
+                code = this.#highlightCode(code);
+            }
+            this.output = this.#sanitizer.bypassSecurityTrustHtml(code);
+            this.#changeDetector.detectChanges();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", 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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { code: [{
+                type: Input
+            }], fileName: [{
+                type: Input
+            }], languageType: [{
+                type: Input
+            }], hideCopyToClipboard: [{
+                type: Input
+            }], hideHeader: [{
+                type: Input
+            }], codeTemplateRef: [{
+                type: ViewChild,
+                args: ['codeFromContent', { read: ElementRef, static: true }]
+            }] } });
+//# 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

@@ -5,11 +5,11 @@ import { SkyCodeBlockResourcesModule } from '../shared/sky-code-block-resources.
 import { SkyCodeBlockComponent } from './code-block.component';
 import * as i0 from "@angular/core";
 export class SkyCodeBlockModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] }); }
 }
-SkyCodeBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] });
-SkyCodeBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyCodeBlockComponent],
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     exports: [SkyCodeBlockComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS1ibG9jay5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUtYmxvY2svY29kZS1ibG9jay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFcEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFeEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTy9ELE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFKZCxxQkFBcUIsYUFDMUIsWUFBWSxFQUFFLGtCQUFrQixFQUFFLDJCQUEyQixhQUM3RCxxQkFBcUI7Z0hBRXBCLGtCQUFrQixZQUhuQixZQUFZLEVBQUUsa0JBQWtCLEVBQUUsMkJBQTJCOzJGQUc1RCxrQkFBa0I7a0JBTDlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSwyQkFBMkIsQ0FBQztvQkFDeEUsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDbGlwYm9hcmRNb2R1bGUgfSBmcm9tICdAYmxhY2tiYXVkL3NreXV4LWxpYi1jbGlwYm9hcmQnO1xuXG5pbXBvcnQgeyBTa3lDb2RlQmxvY2tSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWNvZGUtYmxvY2stcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUNvZGVCbG9ja0NvbXBvbmVudCB9IGZyb20gJy4vY29kZS1ibG9jay5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lDb2RlQmxvY2tDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lDbGlwYm9hcmRNb2R1bGUsIFNreUNvZGVCbG9ja1Jlc291cmNlc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lDb2RlQmxvY2tDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQmxvY2tNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS1ibG9jay5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvZGUtYmxvY2svc3JjL2xpYi9tb2R1bGVzL2NvZGUtYmxvY2svY29kZS1ibG9jay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFcEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFeEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTy9ELE1BQU0sT0FBTyxrQkFBa0I7OEdBQWxCLGtCQUFrQjsrR0FBbEIsa0JBQWtCLGlCQUpkLHFCQUFxQixhQUMxQixZQUFZLEVBQUUsa0JBQWtCLEVBQUUsMkJBQTJCLGFBQzdELHFCQUFxQjsrR0FFcEIsa0JBQWtCLFlBSG5CLFlBQVksRUFBRSxrQkFBa0IsRUFBRSwyQkFBMkI7OzJGQUc1RCxrQkFBa0I7a0JBTDlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSwyQkFBMkIsQ0FBQztvQkFDeEUsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDbGlwYm9hcmRNb2R1bGUgfSBmcm9tICdAYmxhY2tiYXVkL3NreXV4LWxpYi1jbGlwYm9hcmQnO1xuXG5pbXBvcnQgeyBTa3lDb2RlQmxvY2tSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWNvZGUtYmxvY2stcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUNvZGVCbG9ja0NvbXBvbmVudCB9IGZyb20gJy4vY29kZS1ibG9jay5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lDb2RlQmxvY2tDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lDbGlwYm9hcmRNb2R1bGUsIFNreUNvZGVCbG9ja1Jlc291cmNlc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lDb2RlQmxvY2tDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQmxvY2tNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/modules/shared/sky-code-block-resources.module.mjs

@@ -0,0 +1,49 @@
+/**
+ * NOTICE: DO NOT MODIFY THIS FILE!
+ * The contents of this file were automatically generated by
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-code-block' schematic.
+ * To update this file, simply rerun the command.
+ */
+import { NgModule } from '@angular/core';
+import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
+import * as i0 from "@angular/core";
+const RESOURCES = {
+    '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!' },
+    },
+};
+export class SkyCodeBlockResourcesProvider {
+    getString(localeInfo, name) {
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+    }
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+export class SkyCodeBlockResourcesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockResourcesModule, exports: [SkyI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockResourcesModule, providers: [
+            {
+                provide: SKY_LIB_RESOURCES_PROVIDERS,
+                useClass: SkyCodeBlockResourcesProvider,
+                multi: true,
+            },
+        ], imports: [SkyI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyCodeBlockResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LWNvZGUtYmxvY2stcmVzb3VyY2VzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29kZS1ibG9jay9zcmMvbGliL21vZHVsZXMvc2hhcmVkL3NreS1jb2RlLWJsb2NrLXJlc291cmNlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7O0dBS0c7QUFDSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDTCwyQkFBMkIsRUFFM0IsYUFBYSxFQUdiLHFCQUFxQixHQUN0QixNQUFNLGFBQWEsQ0FBQzs7QUFFckIsTUFBTSxTQUFTLEdBQTBDO0lBQ3ZELE9BQU8sRUFBRTtRQUNQLGtDQUFrQyxFQUFFLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFO1FBQ3BFLDRCQUE0QixFQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRTtRQUNqRCxvQ0FBb0MsRUFBRSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUU7S0FDN0Q7Q0FDRixDQUFDO0FBRUYsTUFBTSxPQUFPLDZCQUE2QjtJQUNqQyxTQUFTLENBQ2QsVUFBNEIsRUFDNUIsSUFBWTtRQUVaLE9BQU8scUJBQXFCLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztDQUNGO0FBRUQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8sMkJBQTJCOzhHQUEzQiwyQkFBMkI7K0dBQTNCLDJCQUEyQixZQVQ1QixhQUFhOytHQVNaLDJCQUEyQixhQVIzQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSwyQkFBMkI7Z0JBQ3BDLFFBQVEsRUFBRSw2QkFBNkI7Z0JBQ3ZDLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixZQVBTLGFBQWE7OzJGQVNaLDJCQUEyQjtrQkFWdkMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCOzRCQUNwQyxRQUFRLEVBQUUsNkJBQTZCOzRCQUN2QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBsaWIvbW9kdWxlcy9zaGFyZWQvc2t5LWNvZGUtYmxvY2snIHNjaGVtYXRpYy5cbiAqIFRvIHVwZGF0ZSB0aGlzIGZpbGUsIHNpbXBseSByZXJ1biB0aGUgY29tbWFuZC5cbiAqL1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNLWV9MSUJfUkVTT1VSQ0VTX1BST1ZJREVSUyxcbiAgU2t5QXBwTG9jYWxlSW5mbyxcbiAgU2t5STE4bk1vZHVsZSxcbiAgU2t5TGliUmVzb3VyY2VzLFxuICBTa3lMaWJSZXNvdXJjZXNQcm92aWRlcixcbiAgZ2V0TGliU3RyaW5nRm9yTG9jYWxlLFxufSBmcm9tICdAc2t5dXgvaTE4bic7XG5cbmNvbnN0IFJFU09VUkNFUzogeyBbbG9jYWxlOiBzdHJpbmddOiBTa3lMaWJSZXNvdXJjZXMgfSA9IHtcbiAgJ0VOLVVTJzoge1xuICAgIHNreV9jb3B5X3RvX2NsaXBib2FyZF9idXR0b25fdGl0bGU6IHsgbWVzc2FnZTogJ0NvcHkgdG8gY2xpcGJvYXJkJyB9LFxuICAgIHNreV9jb3B5X3RvX2NsaXBib2FyZF9idXR0b246IHsgbWVzc2FnZTogJ0NvcHknIH0sXG4gICAgc2t5X2NvcHlfdG9fY2xpcGJvYXJkX2J1dHRvbl9zdWNjZXNzOiB7IG1lc3NhZ2U6ICdDb3BpZWQhJyB9LFxuICB9LFxufTtcblxuZXhwb3J0IGNsYXNzIFNreUNvZGVCbG9ja1Jlc291cmNlc1Byb3ZpZGVyIGltcGxlbWVudHMgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIge1xuICBwdWJsaWMgZ2V0U3RyaW5nKFxuICAgIGxvY2FsZUluZm86IFNreUFwcExvY2FsZUluZm8sXG4gICAgbmFtZTogc3RyaW5nXG4gICk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIGdldExpYlN0cmluZ0ZvckxvY2FsZShSRVNPVVJDRVMsIGxvY2FsZUluZm8ubG9jYWxlLCBuYW1lKTtcbiAgfVxufVxuXG4vKipcbiAqIEltcG9ydCBpbnRvIGFueSBjb21wb25lbnQgbGlicmFyeSBtb2R1bGUgdGhhdCBuZWVkcyB0byB1c2UgcmVzb3VyY2Ugc3RyaW5ncy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgZXhwb3J0czogW1NreUkxOG5Nb2R1bGVdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gICAgICB1c2VDbGFzczogU2t5Q29kZUJsb2NrUmVzb3VyY2VzUHJvdmlkZXIsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2RlQmxvY2tSZXNvdXJjZXNNb2R1bGUge31cbiJdfQ==

package/{fesm2020 → fesm2022}/blackbaud-skyux-lib-code-block.mjs

@@ -6,7 +6,6 @@ import * as i3 from '@blackbaud/skyux-lib-clipboard';
 import { SkyClipboardModule } from '@blackbaud/skyux-lib-clipboard';
 import * as i4 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
-import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
 import Prism from 'prismjs';
 import 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace';
 import 'prismjs/components/prism-abap.min';
@@ -184,17 +183,17 @@ class SkyCodeBlockResourcesProvider {
  * Import into any component library module that needs to use resource strings.
  */
 class SkyCodeBlockResourcesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockResourcesModule, exports: [SkyI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockResourcesModule, providers: [
+            {
+                provide: SKY_LIB_RESOURCES_PROVIDERS,
+                useClass: SkyCodeBlockResourcesProvider,
+                multi: true,
+            },
+        ], imports: [SkyI18nModule] }); }
 }
-SkyCodeBlockResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyCodeBlockResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockResourcesModule, exports: [SkyI18nModule] });
-SkyCodeBlockResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyCodeBlockResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -364,94 +363,98 @@ const prismLanguages = {
     vim: 'vim',
 };
 
-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;
 const DEFAULT_LANGUAGE = 'markup';
 class SkyCodeBlockComponent {
     set code(value) {
-        if (value !== __classPrivateFieldGet(this, _SkyCodeBlockComponent__code, "f")) {
-            __classPrivateFieldSet(this, _SkyCodeBlockComponent__code, value, "f");
-            __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockDisplay).call(this);
+        if (value !== this.#_code) {
+            this.#_code = value;
+            this.#updateCodeBlockDisplay();
         }
     }
     get code() {
-        return __classPrivateFieldGet(this, _SkyCodeBlockComponent__code, "f");
+        return this.#_code;
     }
     set languageType(value) {
-        if (value && __classPrivateFieldGet(this, _SkyCodeBlockComponent_validLanguages, "f").indexOf(value) > -1) {
-            __classPrivateFieldSet(this, _SkyCodeBlockComponent__languageType, value, "f");
+        if (value && this.#validLanguages.indexOf(value) > -1) {
+            this.#_languageType = value;
         }
         else {
-            __classPrivateFieldSet(this, _SkyCodeBlockComponent__languageType, DEFAULT_LANGUAGE, "f");
+            this.#_languageType = DEFAULT_LANGUAGE;
         }
-        __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_setDisplayName).call(this, value);
-        __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockClassName).call(this);
+        this.#setDisplayName(value);
+        this.#updateCodeBlockClassName();
     }
     get languageType() {
-        return __classPrivateFieldGet(this, _SkyCodeBlockComponent__languageType, "f");
+        return this.#_languageType;
     }
+    #_code;
+    #_languageType;
+    #changeDetector;
+    #sanitizer;
+    #validLanguages;
     constructor(changeDetector, sanitizer) {
-        _SkyCodeBlockComponent_instances.add(this);
         this.hideCopyToClipboard = false;
-        _SkyCodeBlockComponent__code.set(this, void 0);
-        _SkyCodeBlockComponent__languageType.set(this, DEFAULT_LANGUAGE);
-        _SkyCodeBlockComponent_changeDetector.set(this, void 0);
-        _SkyCodeBlockComponent_sanitizer.set(this, void 0);
-        _SkyCodeBlockComponent_validLanguages.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyCodeBlockComponent_changeDetector, changeDetector, "f");
-        __classPrivateFieldSet(this, _SkyCodeBlockComponent_sanitizer, sanitizer, "f");
-        __classPrivateFieldSet(this, _SkyCodeBlockComponent_validLanguages, Object.keys(Prism.languages), "f");
+        this.#_languageType = DEFAULT_LANGUAGE;
+        this.#changeDetector = changeDetector;
+        this.#sanitizer = sanitizer;
+        this.#validLanguages = Object.keys(Prism.languages);
         // Create an empty SafeHtml value on init since output cannot be undefined.
         this.output = sanitizer.bypassSecurityTrustHtml('');
     }
     ngAfterViewInit() {
-        __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockClassName).call(this);
-        __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateCodeBlockDisplay).call(this);
+        this.#updateCodeBlockClassName();
+        this.#updateCodeBlockDisplay();
     }
     ngOnChanges(changes) {
         if (changes['fileName'] ||
             changes['hideCopyToClipboard'] ||
             changes['hideHeader']) {
-            __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_updateHeaderVisibility).call(this);
+            this.#updateHeaderVisibility();
         }
     }
-}
-_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() {
-    this.hideHeader =
-        this.hideHeader ||
-            (!this.displayName && !this.fileName && this.hideCopyToClipboard);
-}, _SkyCodeBlockComponent_updateCodeBlockClassName = function _SkyCodeBlockComponent_updateCodeBlockClassName() {
-    this.codeBlockClassName = `language-${this.languageType}`;
-    __classPrivateFieldGet(this, _SkyCodeBlockComponent_changeDetector, "f").markForCheck();
-}, _SkyCodeBlockComponent_setDisplayName = function _SkyCodeBlockComponent_setDisplayName(value = '') {
-    this.displayName = value ? prismLanguages[value] : undefined;
-    __classPrivateFieldGet(this, _SkyCodeBlockComponent_changeDetector, "f").markForCheck();
-}, _SkyCodeBlockComponent_formatCode = function _SkyCodeBlockComponent_formatCode(code) {
-    return Prism.plugins['NormalizeWhitespace'].normalize(code, {
-        'remove-trailing': true,
-        'remove-indent': true,
-        'left-trim': true,
-        'right-trim': true,
-        indent: 0,
-        'remove-initial-line-feed': true,
-        'tabs-to-spaces': 2,
-    });
-}, _SkyCodeBlockComponent_highlightCode = function _SkyCodeBlockComponent_highlightCode(code) {
-    return Prism.highlight(code, Prism.languages[this.languageType], this.languageType);
-}, _SkyCodeBlockComponent_updateCodeBlockDisplay = function _SkyCodeBlockComponent_updateCodeBlockDisplay() {
-    if (this.codeTemplateRef) {
-        const textContent = this.codeTemplateRef.nativeElement.textContent;
-        let code = this.code || textContent;
-        if (code) {
-            code = __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_formatCode).call(this, code);
-            code = __classPrivateFieldGet(this, _SkyCodeBlockComponent_instances, "m", _SkyCodeBlockComponent_highlightCode).call(this, code);
+    #updateHeaderVisibility() {
+        this.hideHeader =
+            this.hideHeader ||
+                (!this.displayName && !this.fileName && this.hideCopyToClipboard);
+    }
+    #updateCodeBlockClassName() {
+        this.codeBlockClassName = `language-${this.languageType}`;
+        this.#changeDetector.markForCheck();
+    }
+    #setDisplayName(value = '') {
+        this.displayName = value ? prismLanguages[value] : undefined;
+        this.#changeDetector.markForCheck();
+    }
+    #formatCode(code) {
+        return Prism.plugins['NormalizeWhitespace'].normalize(code, {
+            'remove-trailing': true,
+            'remove-indent': true,
+            'left-trim': true,
+            'right-trim': true,
+            indent: 0,
+            'remove-initial-line-feed': true,
+            'tabs-to-spaces': 2,
+        });
+    }
+    #highlightCode(code) {
+        return Prism.highlight(code, Prism.languages[this.languageType], this.languageType);
+    }
+    #updateCodeBlockDisplay() {
+        if (this.codeTemplateRef) {
+            const textContent = this.codeTemplateRef.nativeElement.textContent;
+            let code = this.code || textContent;
+            if (code) {
+                code = this.#formatCode(code);
+                code = this.#highlightCode(code);
+            }
+            this.output = this.#sanitizer.bypassSecurityTrustHtml(code);
+            this.#changeDetector.detectChanges();
         }
-        this.output = __classPrivateFieldGet(this, _SkyCodeBlockComponent_sanitizer, "f").bypassSecurityTrustHtml(code);
-        __classPrivateFieldGet(this, _SkyCodeBlockComponent_changeDetector, "f").detectChanges();
     }
-};
-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 });
-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" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", 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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockComponent, decorators: [{
             type: Component,
             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"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { code: [{
@@ -470,11 +473,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyCodeBlockModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] }); }
 }
-SkyCodeBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, declarations: [SkyCodeBlockComponent], imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule], exports: [SkyCodeBlockComponent] });
-SkyCodeBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, imports: [CommonModule, SkyClipboardModule, SkyCodeBlockResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeBlockModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyCodeBlockComponent],
@@ -484,20 +487,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }] });
 
 class SkyCodeComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", 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 }); }
 }
-SkyCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeComponent, decorators: [{
             type: Component,
             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"] }]
         }] });
 
 class SkyCodeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeModule, declarations: [SkyCodeComponent], imports: [CommonModule], exports: [SkyCodeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeModule, imports: [CommonModule] }); }
 }
-SkyCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, declarations: [SkyCodeComponent], imports: [CommonModule], exports: [SkyCodeComponent] });
-SkyCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SkyCodeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyCodeComponent],