ngx-contentful-rich-text
Version:
Angular renderer for the Contentful rich text field type
1 lines • 11.2 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NgxContentfulRichTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ngx-contentful-rich-text","template":"\n <ng-container *ngIf=\"nodes?.length\">\n <ng-container *ngFor=\"let node of nodes\">\n <ng-container\n *ngIf=\"node.nodeType !== 'text'; else textNode\"\n ngxNodeRendererHost\n [node]=\"node\"\n >\n </ng-container>\n <ng-template #textNode>\n <ng-container ngxMarkRendererHost [node]=\"node\"></ng-container>\n </ng-template>\n </ng-container>\n </ng-container>\n ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"}}]}],"members":{"document":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"nodeRenderers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"markRenderers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"NgxContentfulRichTextModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DefaultMarkRendererComponent"},{"__symbolic":"reference","name":"DefaultNodeRendererComponent"},{"__symbolic":"reference","name":"MarkRendererHostDirective"},{"__symbolic":"reference","name":"NgxContentfulRichTextComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":12}],"exports":[{"__symbolic":"reference","name":"MarkRendererHostDirective"},{"__symbolic":"reference","name":"NgxContentfulRichTextComponent"}]}]}],"members":{}},"MarkRendererHostDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[ngxMarkRendererHost]"}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":20,"character":30},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"MarkRenderer":{"__symbolic":"class","members":{}},"NodeRenderer":{"__symbolic":"class","members":{}},"TEXT":"<ng-container ngxMarkRendererHost [node]=\"node\"></ng-container>","DefaultMarkRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkRenderer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"template":"\n <ng-container [ngSwitch]=\"node.marks[node.markIndex].type\">\n <b *ngSwitchCase=\"MARKS.BOLD\"><ng-container ngxMarkRendererHost [node]=\"node\"></ng-container></b>\n <code *ngSwitchCase=\"MARKS.CODE\"><ng-container ngxMarkRendererHost [node]=\"node\"></ng-container></code>\n <i *ngSwitchCase=\"MARKS.ITALIC\"><ng-container ngxMarkRendererHost [node]=\"node\"></ng-container></i>\n <u *ngSwitchCase=\"MARKS.UNDERLINE\"><ng-container ngxMarkRendererHost [node]=\"node\"></ng-container></u>\n </ng-container>\n ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"}}]}],"members":{}},"CHILDREN":"<ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text>","DefaultNodeRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NodeRenderer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"template":"\n <ng-container [ngSwitch]=\"node.nodeType\">\n <ng-container *ngSwitchCase=\"BLOCKS.DOCUMENT\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></ng-container>\n <div *ngSwitchCase=\"BLOCKS.EMBEDDED_ENTRY\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></div>\n <h1 *ngSwitchCase=\"BLOCKS.HEADING_1\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></h1>\n <h2 *ngSwitchCase=\"BLOCKS.HEADING_2\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></h2>\n <h3 *ngSwitchCase=\"BLOCKS.HEADING_3\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></h3>\n <h4 *ngSwitchCase=\"BLOCKS.HEADING_4\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></h4>\n <h5 *ngSwitchCase=\"BLOCKS.HEADING_5\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></h5>\n <h6 *ngSwitchCase=\"BLOCKS.HEADING_6\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></h6>\n <hr *ngSwitchCase=\"BLOCKS.HR\" />\n <li *ngSwitchCase=\"BLOCKS.LIST_ITEM\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></li>\n <ol *ngSwitchCase=\"BLOCKS.OL_LIST\">\n <ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text>\n </ol>\n <p *ngSwitchCase=\"BLOCKS.PARAGRAPH\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></p>\n <blockquote *ngSwitchCase=\"BLOCKS.QUOTE\"><ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text></blockquote>\n <ul *ngSwitchCase=\"BLOCKS.UL_LIST\">\n <ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text>\n </ul>\n <ng-container *ngSwitchCase=\"INLINES.ASSET_HYPERLINK\">\n <span>type: {{ node.nodeType }} id: {{ node.data.target.sys.id }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"INLINES.EMBEDDED_ENTRY\">\n <span>type: {{ node.nodeType }} id: {{ node.data.target.sys.id }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"INLINES.ENTRY_HYPERLINK\">\n <span>type: {{ node.nodeType }} id: {{ node.data.target.sys.id }}</span>\n </ng-container>\n <a *ngSwitchCase=\"INLINES.HYPERLINK\" [href]=\"node.data.uri\">\n <ngx-contentful-rich-text [nodes]=\"node.content\"></ngx-contentful-rich-text>\n </a>\n </ng-container>\n ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":46,"character":19},"member":"OnPush"}}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getMarkRenderer":[{"__symbolic":"method"}],"getNodeRenderer":[{"__symbolic":"method"}],"setNodeRenderers":[{"__symbolic":"method"}],"setMarkRenderers":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"MarkRendererFunction":{"__symbolic":"interface"},"MarkRendererResolver":{"__symbolic":"interface"},"NodeRendererFunction":{"__symbolic":"interface"},"NodeRendererResolver":{"__symbolic":"interface"},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":16,"character":48}]}],"render":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[ngxNodeRendererHost]"}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":20,"character":30},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"template":"{{ node.value }}","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"}}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}]}}},"origins":{"NgxContentfulRichTextComponent":"./lib/ngx-contentful-rich-text.component","NgxContentfulRichTextModule":"./lib/ngx-contentful-rich-text.module","MarkRendererHostDirective":"./lib/directives/mark-renderer-host.directive","MarkRenderer":"./lib/classes/mark-renderer.class","NodeRenderer":"./lib/classes/node-renderer.class","TEXT":"./lib/components/default-mark-renderer.component","DefaultMarkRendererComponent":"./lib/components/default-mark-renderer.component","CHILDREN":"./lib/components/default-node-renderer.component","DefaultNodeRendererComponent":"./lib/components/default-node-renderer.component","ɵa":"./lib/services/renderer-provider.service","MarkRendererFunction":"./lib/services/renderer-provider.service","MarkRendererResolver":"./lib/services/renderer-provider.service","NodeRendererFunction":"./lib/services/renderer-provider.service","NodeRendererResolver":"./lib/services/renderer-provider.service","ɵb":"./lib/services/component-renderer.service","ɵc":"./lib/directives/node-renderer-host.directive","ɵd":"./lib/components/text-value.component"},"importAs":"ngx-contentful-rich-text"}