@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":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":22,"character":4},{"__symbolic":"reference","module":"ngx-linkifyjs","name":"NgxLinkifyjsModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressSpinnerModule","line":26,"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":37,"character":8},{"provide":{"__symbolic":"reference","module":"ngx-linkifyjs","name":"NgxLinkifyjsConfigToken","line":39,"character":19},"useValue":{"__symbolic":"reference","module":"ngx-linkifyjs","name":"DEFAULT_CONFIG","line":40,"character":20}}]}}}},"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","exportAs":"matLinkPreview","template":"\n    <ng-container *ngIf=\"!this.linkPreview && !this.loaded && this.showLoadingsProgress;then fetch else preview\">\n    </ng-container>\n    <ng-template #preview>\n      <mat-card *ngIf=\"this.linkPreview\">\n        <mat-card-content class=\"cut-text\">\n          <div class=\"img-container\" *ngIf=\"linkPreview.image\">\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    </ng-template>\n\n    <ng-template #fetch>\n      <mat-spinner *ngIf=\"!this.hasError\"></mat-spinner>\n    </ng-template>\n  ","styles":["\n    :host{display:block}mat-card-content{flex-direction:row;box-sizing:border-box;display:flex}mat-card-content a{padding-left:0;padding-right:0}.img-container{margin-right:1rem;place-content:center;align-items:center;flex-direction:row;box-sizing:border-box;display:flex;flex:1 1 100%;max-width:20%;padding:24px 16px}.center-auto{margin-left:auto!important;margin-right:auto!important}.cut-text{text-overflow:ellipsis;overflow:hidden}\n  "]}]}],"members":{"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"linkPreview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"showLoadingsProgress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"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","exportAs":"matLinkPreviewContainer","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":30,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"showLoadingsProgress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"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]","exportAs":"[matLinkPreview]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-linkifyjs","name":"NgxLinkifyjsService","line":12,"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":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":17,"character":28}]}],"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"}