ngx-skeleton-loader - npm Package Versions

[2.4.4][] - 2020-08-21

Fixed

• Remove check requirements if perf-marks is running in a browser or not in Angular apps 🔥

Added

• Adding Angular Universal support for examples. Now we can run npm run dev:ssr and access http://localhost:4200/index.html and the page will run using angular universal 💪
• Adding .prettierrc file with some of the code styling rules

[2.4.3][] - 2020-08-13

Fixed

• Avoiding perf-marks call if running in Angular Universal applications

[2.4.2][] - 2020-08-01

Updated

• Bumping perf-marks to latest version

[2.4.0][] - 2020-08-01

Added

• Adding User Timing API to track component render and content loader time

Updated

• Updating examples with new skeleton simulation
• Adding Stackblitz link for user card skeleton loading demo

[2.2.1][] - 2020-06-30

Fixed

• For compatibility with IE11 by using indexOf instead of includes

Updated

• Updating npm run postinstall command to follow the new rules from update.angular.io website

[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/

[2.1.0][] - 2020-06-01

Updated

• Upgrading @angular/cli to version 9
• 🎉 Decreasing bundle size to 1.17KB 🎉

[2.0.0][] - 2020-05-15

Updated

• 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>

[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

[1.2.6][] - 2020-02-26

Fixed

• Changing angular library configuration to prod and forcing it at publish time