[{"__symbolic":"module","version":3,"metadata":{"StacheCodeBlockComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"stache-code-block","template":"<div class=\"stache-code-block\">\n    <div class=\"code-block-header\">\n      <div class=\"sky-deemphasized\">\n        {{displayName}}\n      </div>\n      <sky-copy-to-clipboard\n        *ngIf=\"!hideCopyToClipboard\"\n        [copyTarget]=\"stacheCodeOutput\"\n        buttonText=\"{{ 'stache_copy_to_clipboard_button' | skyAppResources }}\"\n        buttonClickedText=\"{{ 'stache_copy_to_clipboard_button_success' | skyAppResources }}\">\n      </sky-copy-to-clipboard>\n    </div>\n    <div #codeFromContent class=\"stache-code-input\">\n      <ng-content></ng-content>\n    </div>\n    <div>\n      <pre #stacheCodeOutput class=\"stache-code-output\"><code\n          [ngClass]=\"getClassName()\"\n          [innerHTML]=\"output\"></code></pre>\n    </div>\n  </div>\n","styles":["::ng-deep code[class*=\"language-\"],pre[class*=\"language-\"]{color:black;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;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-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:bold}::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-\"]::-moz-selection,pre[class*=\"language-\"] ::-moz-selection,code[class*=\"language-\"]::-moz-selection,code[class*=\"language-\"] ::-moz-selection{text-shadow:none;background:#b3d4fc}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}}.stache-code-input{display:none}.stache-code-output{border:1px solid #cdcfd2;border-top:none;margin-top:0;padding:20px;background-color:#fff;overflow-x:auto;margin-bottom:20px}.code-block-header{height:45px;border:1px solid #cdcfd2;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px;padding-left:20px}\n"]}]}],"members":{"code":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"languageType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideCopyToClipboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"codeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["codeFromContent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"getClassName":[{"__symbolic":"method"}],"setDisplayName":[{"__symbolic":"method"}],"formatCode":[{"__symbolic":"method"}],"highlightCode":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"StacheCodeBlockComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"stache-code-block","template":"<div class=\"stache-code-block\">\n    <div class=\"code-block-header\">\n      <div class=\"sky-deemphasized\">\n        {{displayName}}\n      </div>\n      <sky-copy-to-clipboard\n        *ngIf=\"!hideCopyToClipboard\"\n        [copyTarget]=\"stacheCodeOutput\"\n        buttonText=\"{{ 'stache_copy_to_clipboard_button' | skyAppResources }}\"\n        buttonClickedText=\"{{ 'stache_copy_to_clipboard_button_success' | skyAppResources }}\">\n      </sky-copy-to-clipboard>\n    </div>\n    <div #codeFromContent class=\"stache-code-input\">\n      <ng-content></ng-content>\n    </div>\n    <div>\n      <pre #stacheCodeOutput class=\"stache-code-output\"><code\n          [ngClass]=\"getClassName()\"\n          [innerHTML]=\"output\"></code></pre>\n    </div>\n  </div>\n","styles":["::ng-deep code[class*=\"language-\"],pre[class*=\"language-\"]{color:black;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;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-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:bold}::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-\"]::-moz-selection,pre[class*=\"language-\"] ::-moz-selection,code[class*=\"language-\"]::-moz-selection,code[class*=\"language-\"] ::-moz-selection{text-shadow:none;background:#b3d4fc}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}}.stache-code-input{display:none}.stache-code-output{border:1px solid #cdcfd2;border-top:none;margin-top:0;padding:20px;background-color:#fff;overflow-x:auto;margin-bottom:20px}.code-block-header{height:45px;border:1px solid #cdcfd2;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px;padding-left:20px}\n"]}]}],"members":{"code":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"languageType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideCopyToClipboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"codeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["codeFromContent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"getClassName":[{"__symbolic":"method"}],"setDisplayName":[{"__symbolic":"method"}],"formatCode":[{"__symbolic":"method"}],"highlightCode":[{"__symbolic":"method"}]}}}}]