@angular-material-extensions/link-preview/link-preview.metadata.json

Angular open source UI library to preview web links

{"__symbolic":"module","version":4,"metadata":{"MatLinkPreviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":21,"character":4},{"__symbolic":"reference","module":"ngx-linkifyjs","name":"NgxLinkifyjsModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressSpinnerModule","line":25,"character":4}],"exports":[{"__symbolic":"reference","name":"MatLinkPreviewComponent"},{"__symbolic":"reference","name":"MatLinkPreviewContainerComponent"},{"__symbolic":"reference","name":"MatLinkPreviewDirective"}],"declarations":[{"__symbolic":"reference","name":"MatLinkPreviewComponent"},{"__symbolic":"reference","name":"MatLinkPreviewContainerComponent"},{"__symbolic":"reference","name":"MatLinkPreviewDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MatLinkPreviewModule"},"providers":[{"__symbolic":"reference","name":"MatLinkPreviewService"},{"__symbolic":"reference","module":"ngx-linkifyjs","name":"NgxLinkifyjsService","line":34,"character":41}]}}}},"LinkPreview":{"__symbolic":"interface"},"MatLinkPreviewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"mat-link-preview","template":"\n    <div class=\"center-auto\" *ngIf=\"!this.linkPreview && !this.loaded && this.showLoadingsProgress\">\n      <mat-spinner></mat-spinner>\n    </div>\n    <mat-card>\n      <mat-card-content>\n        <div class=\"img-container\">\n          <img mat-card-image [src]=\"linkPreview?.image\">\n        </div>\n        <div>\n          <mat-card-title>{{linkPreview?.title}}</mat-card-title>\n          <mat-card-subtitle>{{linkPreview?.description}}</mat-card-subtitle>\n          <a [href]=\"linkPreview?.url\" mat-button [color]=\"color\">{{linkPreview?.url}}</a>\n        </div>\n      </mat-card-content>\n    </mat-card>\n  ","styles":["\n    :host{display:inline-block}mat-card-content{box-sizing:border-box;display:flex;flex-direction:row}mat-card-content a{padding-left:0;padding-right:0}.img-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1 100%;flex-direction:row;margin-right:1rem;max-width:20%;padding:24px 16px;place-content:center}.center-auto{margin-left:auto!important;margin-right:auto!important}\n  "]}]}],"members":{"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"linkPreview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"showLoadingsProgress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatLinkPreviewService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MatLinkPreviewContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"mat-link-preview-container","template":"\n    <ng-container *ngIf=\"!multiple && linkPreviewService.links.length > 0; then first else list\"></ng-container>\n\n    <ng-template #first>\n      <mat-link-preview [link]=\"linkPreviewService?.links[0]\"\n                        [showLoadingsProgress]=\"showLoadingsProgress\">\n      </mat-link-preview>\n    </ng-template>\n    <ng-template #list>\n      <div *ngFor=\"let link of linkPreviewService.links; trackBy: trackLinks\">\n        <mat-link-preview [link]=\"link\"\n                          [showLoadingsProgress]=\"showLoadingsProgress\">\n        </mat-link-preview>\n      </div>\n    </ng-template>\n  ","styles":["\n    :host{display:block}\n  "]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"showLoadingsProgress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatLinkPreviewService"}]}],"trackLinks":[{"__symbolic":"method"}]}},"MatLinkPreviewDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[matLinkPreview]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-linkifyjs","name":"NgxLinkifyjsService","line":11,"character":37},{"__symbolic":"reference","name":"MatLinkPreviewService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_init":[{"__symbolic":"method"}]}},"MatLinkPreviewService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":19,"character":28}]}],"ngOnDestroy":[{"__symbolic":"method"}],"fetchLink":[{"__symbolic":"method"}]}}},"origins":{"MatLinkPreviewModule":"./module/mat-link-preview.module","LinkPreview":"./module/interfaces/linkpreview.interface","MatLinkPreviewComponent":"./module/components/mat-link-preview/mat-link-preview.component","MatLinkPreviewContainerComponent":"./module/components/mat-link-preview-container/mat-link-preview-container.component","MatLinkPreviewDirective":"./module/directives/mat-link-preview.directive","MatLinkPreviewService":"./module/service/mat-link-preview.service"},"importAs":"@angular-material-extensions/link-preview"}