{"_id":"@amais/angular-link-preview-estudaamais","_rev":"2-7659b14e06e4037727d779c6be18ea59","name":"@amais/angular-link-preview-estudaamais","dist-tags":{"latest":"1.1.1"},"versions":{"1.1.1":{"name":"@amais/angular-link-preview-estudaamais","description":"Angular open source UI library to preview web links","version":"1.1.1","homepage":"https://github.com/angular-material-extensions/link-preview","author":{"name":"Renan Henrique"},"repository":{},"license":"MIT","keywords":["angular","ui","library","material","material design","preview web links","render web links"],"private":false,"scripts":{"build":"gulp build","test":" gulp test","test:watch":"jest --watch","test:ci":"jest --runInBand","test:coverage":"jest --coverage","demo":" gulp build:demo","check-travis":" travis-status --repo=angular-material-extensions/link-preview --branch=master --fail-pending || echo 'Not yet passing'"},"dependencies":{"@angular/animations":"^7.2.15","@angular/cdk":"^7.2.0","@angular/common":"^7.2.15","@angular/core":"^7.2.15","@angular/http":"^7.2.15","@angular/material":"^7.2.0","@angular/platform-browser":"^7.2.15","ngx-linkifyjs":"^1.2.2"},"devDependencies":{"@angular/compiler":"^7.2.15","@angular/compiler-cli":"^7.2.15","@angular/flex-layout":"^7.0.0-beta.21","@angular/forms":"^7.2.15","@angular/platform-browser-dynamic":"^7.2.15","@angular/platform-server":"^7.2.15","@compodoc/gulp-compodoc":"^0.0.10","@types/jest":"^23.3.11","@types/lodash":"^4.14.134","@types/node":"^10.14.9","angular-cli-ghpages":"^0.5.3","angular2-template-loader":"^0.6.2","ansi-colors":"^3.2.3","autoprefixer":"^9.6.0","awesome-typescript-loader":"^5.2.1","babel-jest":"^23.6.0","codelyzer":"^4.5.0","commitplease":"^3.2.0","conventional-github-releaser":"2.0.2","core-js":"^2.6.9","css-loader":"^2.1.0","cssnano":"^4.1.8","del":"^3.0.0","fancy-log":"^1.3.3","greenkeeper-lockfile":"1.15.1","gulp":"^3.9.1","gulp-bump":"^3.1.1","gulp-conventional-changelog":"^2.0.9","gulp-coveralls":"^0.1.4","gulp-file":"^0.4.0","gulp-git":"^2.8.0","gulp-hub":"^0.8.0","gulp-inline-ng2-template":"5.0.1","gulp-tslint":"^8.1.3","html-loader":"^0.5.5","jest":"^23.6.0","jest-cli":"^23.6.0","jest-preset-angular":"^6.0.2","lodash":"^4.17.11","node-sass":"^4.11.0","postcss":"^7.0.17","postcss-strip-inline-comments":"^0.1.5","pump":"^3.0.0","raw-loader":"^1.0.0","rollup":"^1.15.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^4.2.4","rollup-plugin-sourcemaps":"^0.4.2","rollup-plugin-uglify":"3.0.0","run-sequence":"^2.2.1","rxjs":"^6.5.2","sass-loader":"^7.1.0","source-map-loader":"^0.2.4","to-string-loader":"^1.1.5","travis-status":"^3.0.1","tsickle":"^0.33.0","tslint":"~5.11.0","typescript":"~3.2.4","yargs":"12.0.1","zone.js":"^0.8.26"},"engines":{"node":">=8.0.0"},"jest":{"preset":"jest-preset-angular","roots":["/src/"],"coverageReporters":["lcov","text"],"coveragePathIgnorePatterns":["/node_modules/","/config","/dist/"],"setupTestFrameworkScriptFile":"/config/setupJest.ts"},"greenkeeper":{"ignore":["@angular/core","@angular/common","@angular/animations","@angular/http","@angular/platform-browser","@angular/compiler","@angular/platform-server","@angular/platform-browser-dynamic","@angular/compiler-cli","zone.js","rxjs","tslint","gulp-tslint","typescript","awesome-typescript-loader","codelyzer","@types/jasmine","@types/jest","@types/node","conventional-github-releaser","rollup-plugin-uglify"]},"commitplease":{"style":"angular","types":["feat","fix","docs","style","refactor","perf","test","chore","revert","demo"],"scope":"\\S+.*"},"main":"commitlint.config.js","gitHead":"f64b13e53a08b17714f87f7b62a61a7045720d0e","_id":"@amais/angular-link-preview-estudaamais@1.1.1","_nodeVersion":"14.15.4","_npmVersion":"6.14.5","dist":{"integrity":"sha512-UJz0aPtH0V99nju6b3QybYk8a4cPBZbSdqCJzlnI3bIaLzztmVIBQ8z+CiVab7x51ouWMNnOjH4+gSsAsOsz2Q==","shasum":"d64f0e2c81a8940ee0066196bd9651df4433faaf","tarball":"https://registry.npmjs.org/@amais/angular-link-preview-estudaamais/-/angular-link-preview-estudaamais-1.1.1.tgz","fileCount":117,"unpackedSize":6853837,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb3wICRA9TVsSAnZWagAAGvAP/RxbVnz3qQI6nwomRqkN\n3WLH0+MHi5/2fFe7tmLoBEMKCNxfqBGTzqveOSeKwAenkuFntqOfVaAXPY7d\nSnQA7Z8QZpgVtCmBW6VuuElKT5c6yj3qqnX+vybda7eSc27j2aELq9Pwt2fP\nYA9zzZqjUyj/cqgE9LbVnHoMOkpu4zlud0+Xnwfp38oJaG8saz+h4IjcnoK5\noTLYdDZEjDvnVc7ALWQPVQco2R40HH4JBf+OCpVH2gf9eR8bpXRQjXwpk+Fa\nHL3aAsG7jWsuX+iXav0AOXf91qi6M7SB1/jKivxnR+aIZSrcLzXEoqU0klnU\n0jW1BfnP/RTnD/7pKEfixBpWNmgKlItz3IuFXYTEqmNCA+2Cc5GaU7EdU5RB\nIaDYI7kd9Dg/ADrb+d1HnL+tWx4gdh06u9DujXTItlOf7RDY2ob0FHsT+jfh\nNcM99oJUHu9iN8mV2nCmQB7zrQ+Dnncb7sj7vOkG8Gqfz+Z9jssO+2v/FErp\nuKd0MV5LeyFKeIwJkYC0oPHOGYCrIDWBesEnVQkHErDwAo94khbVuoR5P8z9\nOYQPJjKAGZgKhvrXFUncCKTIW3kUPI2yDnSFs+F13m27bpkUYCCHFOxbxcpQ\nsO05DjesfOnftRPzIIYcUpXc921gpbI1v7Ma9hV0yDohxGK2+w8wg6YRt5U1\n8EhA\r\n=HKIX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGuoEu2jAFV2WSVXWRrEaPSLGnklF31BplqhBZ7HtBcOAiEAk8UKORGHiBusBT8BV/1NcH3Cofx//GN47N3VVrrCJZo="}]},"_npmUser":{"name":"rehenrique19","email":"renan.barbosa@plataformaamais.com.br"},"directories":{},"maintainers":[{"name":"rehenrique19","email":"renan.barbosa@plataformaamais.com.br"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-link-preview-estudaamais_1.1.1_1617918984233_0.4869682179315227"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-08T21:56:23.969Z","1.1.1":"2021-04-08T21:56:24.564Z","modified":"2022-04-04T13:42:39.618Z"},"maintainers":[],"description":"Angular open source UI library to preview web links","homepage":"https://github.com/angular-material-extensions/link-preview","keywords":["angular","ui","library","material","material design","preview web links","render web links"],"repository":{},"author":{"name":"Renan Henrique"},"license":"MIT","readme":"

\r\n \"angular-material-extensions's\r\n

\r\n\r\n# @angular-material-extensions/link-preview - Angular open source UI library to preview web links powered by ngx-linkifyjs and material design\r\n\r\n[![npm version](https://badge.fury.io/js/%40angular-material-extensions%2Flink-preview.svg)](https://badge.fury.io/js/%40angular-material-extensions%2Flink-preview)\r\n[![npm demo](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://angular-material-extensions.github.io/link-preview)\r\n[![Join the chat at https://gitter.im/angular-material-extensions/Lobby](https://badges.gitter.im/angular-material-extensions/Lobby.svg)](https://gitter.im/angular-material-extensions/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\r\n[![CircleCI branch](https://img.shields.io/circleci/project/github/angular-material-extensions/link-preview/master.svg?label=circleci)](https://circleci.com/gh/angular-material-extensions/link-preview)\r\n[![Build Status](https://travis-ci.org/angular-material-extensions/link-preview.svg?branch=master)](https://travis-ci.org/angular-material-extensions/link-preview)\r\n[![Coverage Status](https://coveralls.io/repos/github/angular-material-extensions/link-preview/badge.svg?branch=master)](https://coveralls.io/github/angular-material-extensions/link-preview?branch=master)\r\n[![dependency Status](https://david-dm.org/angular-material-extensions/link-preview/status.svg)](https://david-dm.org/angular-material-extensions/link-preview)\r\n[![devDependency Status](https://david-dm.org/angular-material-extensions/link-preview/dev-status.svg?branch=master)](https://david-dm.org/angular-material-extensions/link-preview#info=devDependencies)\r\n[![Greenkeeper Badge](https://badges.greenkeeper.io/angular-material-extensions/link-preview.svg)](https://greenkeeper.io/)\r\n[![license](https://img.shields.io/github/license/angular-material-extensions/link-preview.svg?style=flat-square)](https://github.com/angular-material-extensions/link-preview/blob/master/LICENSE)\r\n[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/gdi2290/awesome-angular)\r\n\r\n\r\n

\r\n \"@angular-material-extensions/link-preview\r\n

\r\n\r\nmultiple link preview\r\n\r\n

\r\n \"@angular-material-extensions/link-preview\r\n

\r\n\r\n\r\n## Built by and for developers :heart:\r\nDo you have any question or suggestion ? Please do not hesitate to contact us!\r\nAlternatively, provide a PR | open an appropriate issue [here](https://github.com/angular-material-extensions/link-preview/issues)\r\n\r\nIf did you like this project, support [angular-material-extensions](https://github.com/angular-material-extensions) \r\nby starring :star: and sharing it :loudspeaker:\r\n\r\n## Table of Contents\r\n- [Demo](#demo)\r\n- [Dependencies](#dependencies)\r\n- [Peer Dependencies](#peerDependencies)\r\n- [Additional Requirements - material (Include a theme)](#additional-requirements-material-theme)\r\n- [Installation](#installation)\r\n- [Usage](#usage)\r\n- [Documentation](#documentation)\r\n- [Run Demo App Locally](#run-demo-app-locally)\r\n- [Development](#development)\r\n- [Other Angular Libraries](#other-angular-libraries)\r\n- [Support](#support)\r\n- [License](#license)\r\n\r\n\r\n\r\n## [Demo](https://angular-material-extensions.github.io/link-preview)\r\n\r\nView all the directives and components in action at [https://angular-material-extensions.github.io/link-preview](https://angular-material-extensions.github.io/link-preview)\r\n\r\n\r\n\r\n## Dependencies\r\n* [Angular](https://angular.io) (*requires* Angular 2 or higher, tested with V7)\r\n\r\n\r\n\r\n## Requirements (peer dependencies):\r\n- [angular animations v7.x](https://www.npmjs.com/package/@angular/animations)\r\n- [angular http v7.x](https://www.npmjs.com/package/@angular/http)\r\n- [angular cdk v7.x](https://www.npmjs.com/package/@angular/cdk)\r\n- [angular material v7.x](https://www.npmjs.com/package/@angular/material)\r\n\r\n- [angular material theme](https://material.angular.io/guide/getting-started#step-4-include-a-theme)\r\n\r\n```bash\r\nnpm i @angular/cdk @angular/material @angular/animations @angular/http \r\n```\r\n\r\nor use `angular schematics` like e.g:\r\n\r\n```bash\r\nng add @angular/material \r\n```\r\n\r\n---\r\n\r\n\r\n\r\n### Additional requirements Theme (Material Design)\r\n- [angular material theme](https://material.angular.io/guide/getting-started#step-4-include-a-theme)\r\n\r\n## Installation\r\nInstall above dependencies via *npm*. \r\n\r\nNow install `@angular-material-extensions/link-preview` via:\r\n```shell\r\nnpm install --save @angular-material-extensions/link-preview\r\n```\r\n\r\n---\r\n##### SystemJS\r\n>**Note**:If you are using `SystemJS`, you should adjust your configuration to point to the UMD bundle.\r\nIn your systemjs config file, `map` needs to tell the System loader where to look for `@angular-material-extensions/link-preview`:\r\n```js\r\nmap: {\r\n '@angular-material-extensions/link-preview': 'node_modules/@angular-material-extensions/link-preview/bundles/link-preview.umd.js',\r\n}\r\n```\r\n---\r\n\r\nOnce installed you need to import the main module:\r\n```js\r\nimport { MatLinkPreviewModule } from '@angular-material-extensions/link-preview';\r\n```\r\nThe only remaining part is to list the imported module in your application module. The exact method will be slightly\r\ndifferent for the root (top-level) module for which you should end up with the code similar to (notice ` MatLinkPreviewModule .forRoot()`):\r\n```js\r\nimport { MatLinkPreviewModule } from '@angular-material-extensions/link-preview';\r\n\r\n@NgModule({\r\n declarations: [AppComponent, ...],\r\n imports: [MatLinkPreviewModule.forRoot(), ...], \r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\n\r\nOther modules in your application can simply import ` MatLinkPreviewModule `:\r\n\r\n```js\r\nimport { MatLinkPreviewModule } from '@angular-material-extensions/link-preview';\r\n\r\n@NgModule({\r\n declarations: [OtherComponent, ...],\r\n imports: [MatLinkPreviewModule, ...], \r\n})\r\nexport class OtherModule {\r\n}\r\n```\r\n\r\n## Usage\r\n\r\n### Directives\r\n\r\n#### `matLinkPreview` used to find and parse links from any text input - should be used in combination with `` to render and preview the found links\r\n\r\ne.g:\r\n\r\n```html\r\n\r\n Enter here your text here with few links to preview ;)\r\n \r\n\r\n```\r\n\r\n### Components\r\n\r\n#### `` the container that hold the links to preview\r\n\r\n| option | bind | type | default | description |\r\n|:-------------------|:--------:|:------:|:------------:|:-------------------------------------------------------------------------------------------------| \r\n| color | `Input()` | `string` | `primary` | the color to use for the button of the url - options --> `primary | accent | warn`\r\n| multiple | `Input()` | `boolean` | `false` | whether to find, parse and render one single or multiple links\r\n| showLoadingsProgress| `Input()` | `boolean` | `true` | whether to show and render a loading spinner while fetching the link to preview\r\n\r\ne.g:\r\n\r\n```html\r\n\r\n```\r\n\r\n#### Full example code\r\n\r\n```html\r\n
\r\n
\r\n\r\n \r\n \r\n Enter here your text here with few links to preview ;)\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n```\r\n\r\n--- \r\n\r\n\r\n\r\n## [Documentation](https://angular-material-extensions.github.io/link-preview/doc/index.html)\r\n\r\nPlease checkout the full documentation [here](https://angular-material-extensions.github.io/link-preview/doc/index.html) \r\n\r\n\r\n\r\n\r\n## Run Demo App Locally\r\n\r\n- [clone this repo](https://github.com/angular-material-extensions/link-preview.git) by running\r\n```bash\r\n$ git clone https://github.com/angular-material-extensions/link-preview.git\r\n```\r\n\r\n- setup the **@angular-material-extensions/link-preview** package\r\n\r\n```bash\r\n$ gulp setup\r\n```\r\n\r\n- navigate to the demo app directory\r\n```bash\r\n$ cd demo\r\n```\r\n\r\n- install the dependencies and run the app\r\n```bash\r\n$ npm i && npm start\r\n```\r\n\r\n- the app is now hosted by `http://localhost:4200/`\r\n\r\n\r\n\r\n\r\n## Development\r\n\r\n1. clone this [repo](https://github.com/angular-material-extensions/link-preview.git)\r\n2. Install the dependencies by running `npm i`\r\n3. setup the library `gulp setup`\r\n4. Navigate to the demo app's directory\r\n - `cd demo`\r\n _ `npm i && npm start`\r\n \r\n ---\r\n\r\n\r\n\r\n\r\n## Other Angular Libraries\r\n- [ngx-auth-firebaseui](https://github.com/AnthonyNahas/ngx-auth-firebaseui)\r\n- [@firebaseui/ng-bootstrap](https://github.com/firebaseui/ng-bootstrap)\r\n- [ngx-linkifyjs](https://github.com/AnthonyNahas/ngx-linkifyjs)\r\n- [@angular-material-extensions/password-strength](https://github.com/angular-material-extensions/password-strength)\r\n- [@angular-material-extensions/google-maps-autocomplete](https://github.com/angular-material-extensions/google-maps-autocomplete)\r\n- [@angular-material-extensions/pages](https://github.com/angular-material-extensions/pages)\r\n- [@angular-material-extensions/contacts](https://github.com/angular-material-extensions/contacts)\r\n- [@angular-material-extensions/faq](https://github.com/angular-material-extensions/faq)\r\n- [@angular-material-extensions/combination-generator](https://github.com/angular-material-extensions/combination-generator)\r\n\r\n---\r\n\r\n\r\n\r\n\r\n## Support\r\n+ Drop an email to: [Anthony Nahas](mailto:anthony.na@hotmail.de)\r\n+ or open an appropriate [issue](https://github.com/angular-material-extensions/link-preview/issues)\r\n+ let us chat on [Gitter](https://gitter.im/angular-material-extensions/Lobby)\r\n \r\n Built by and for developers :heart: we will help you :punch:\r\n\r\n---\r\n\r\n\r\n\r\n## License\r\n\r\nCopyright (c) 2018 Anthony Nahas. Licensed under the MIT License (MIT)\r\n\r\n","readmeFilename":"README.md"}