πŸš€ Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more β†’
Socket
Book a DemoInstallSign in
Socket

ngx-skeleton-loader

Package Overview
Dependencies
Maintainers
1
Versions
44
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-skeleton-loader - npm Package Versions

1235

2.2.0

Diff
willmendesneto
published 2.2.0 β€’

Changelog

Source

[2.2.0][] - 2020-06-01

Added

  • Using prefers-reduced-motion to respect user’s OS option to Reduce Motion. More details about prefers-reduced-motion in https://web.dev/prefers-reduced-motion/
willmendesneto
published 2.1.0 β€’

Changelog

Source

[2.1.0][] - 2020-06-01

Updated

  • Upgrading @angular/cli to version 9
  • πŸŽ‰ Decreasing bundle size to 1.17KB πŸŽ‰
willmendesneto
published 2.0.0 β€’

Changelog

Source

[2.0.0][] - 2020-05-15

Changed

  • Upgrading NodeJS to v12.16.2
  • Updating documentation with animation attribute

Added

  • Supporting for new animation progress-dark to enable users when using theme with darker color schema
  • Supporting for different animations πŸŽ‰

Now we can define the animation we want to use in <ngx-skeleton-loader> component via animation input. It's a string that can defined the animation used during the loading, having as options:

  • false: it will disable the animation;
  • progress - default: it will use it progress as animation;
  • pulse: it will use pulse as animation;

progress is the default animation, used as the single one previously. If you don't pass the animation attribute, it defaults to progress.

<div class="item">
  <!-- Disables the animation -->
  <ngx-skeleton-loader animation="false"></ngx-skeleton-loader>
  <!-- Uses `progress` as animation -->
  <ngx-skeleton-loader animation="progress"></ngx-skeleton-loader>
  <ngx-skeleton-loader></ngx-skeleton-loader>
  <!-- Uses `pulse` as animation -->
  <ngx-skeleton-loader animation="pulse"></ngx-skeleton-loader>
</div>
  • Supporting enabling/disabling animations. Now the users will be able to enable/disable animations by using animation input. It's a string with false as value that the component receives to check if it should not load progress animation.

It works only to disable it. In case you want to keep enable it

<div class="item">
  <ngx-skeleton-loader animation="false"></ngx-skeleton-loader>
</div>
willmendesneto
published 1.2.7 β€’

Changelog

Source

[1.2.7][] - 2020-04-13

Updated

  • Decreasing bundle size after disable Ivy in production build
  • Adding description, keywords and github information on package.json files
willmendesneto
published 1.2.6 β€’

Changelog

Source

[1.2.6][] - 2020-02-26

Fixed

  • Changing angular library configuration to prod and forcing it at publish time
willmendesneto
published 1.2.3 β€’

Changelog

Source

[1.2.3][] - 2020-02-25

Fixed

  • Solving peerDependency warning when installing library in an Angular 9 project
willmendesneto
published 1.2.2 β€’

Changelog

Source

[1.2.2][] - 2019-06-22

Fixed

  • Fixing component dimensions via theme
willmendesneto
published 1.2.1 β€’

Changelog

Source

[1.2.1][] - 2019-06-08

Updated

  • Updating Angular CLI to v8
willmendesneto
published 1.2.0 β€’

Changelog

Source

[1.2.0][] - 2019-04-19

Changed

  • Updating Angular CLI to 7.3.8
willmendesneto
published 1.1.2 β€’

Changelog

Source

[1.1.2][] - 2019-01-07

Added

  • Adding badges for stackblitz, bundlephobia and license

Changed

  • Removing unnecessary CSS styles for skeleton