@angular-cool/loading-button - npm Package Compare versions

Comparing version 15.0.0 to 18.0.0

lib/cool-loading-button.component.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
@@ -7,15 +7,16 @@ import * as i0 from "@angular/core";
     constructor(_changeDetector: ChangeDetectorRef);
-    isLoading: boolean;
+    isLoading: import("@angular/core").WritableSignal<boolean>;
     color: ThemePalette;
     spinnerColor: ThemePalette;
     disabled: boolean;
+    display: 'basic' | 'raised' | 'flat' | 'stroked';
     clickHandler: (parameters: T) => Promise<any> | any;
     clickParameters: T;
-    loadingChanged: EventEmitter<boolean>;
-    loadingFinished: EventEmitter<void>;
     innerClass: string;
+    loadingChanged: import("@angular/core").OutputEmitterRef<boolean>;
+    loadingFinished: import("@angular/core").OutputEmitterRef<void>;
     onClick(): Promise<void>;
     private _changeIsLoading;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoolLoadingButtonComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoolLoadingButtonComponent<any>, "cool-loading-button", never, { "color": "color"; "spinnerColor": "spinnerColor"; "disabled": "disabled"; "clickHandler": "clickHandler"; "clickParameters": "clickParameters"; "innerClass": "class"; }, { "loadingChanged": "loadingChanged"; "loadingFinished": "loadingFinished"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoolLoadingButtonComponent<any>, "cool-loading-button", never, { "color": { "alias": "color"; "required": false; }; "spinnerColor": { "alias": "spinnerColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "display": { "alias": "display"; "required": false; }; "clickHandler": { "alias": "clickHandler"; "required": false; }; "clickParameters": { "alias": "clickParameters"; "required": false; }; "innerClass": { "alias": "class"; "required": false; }; }, { "loadingChanged": "loadingChanged"; "loadingFinished": "loadingFinished"; }, never, ["*"], true, never>;
 }

package.json

 {
   "name": "@angular-cool/loading-button",
-  "version": "15.0.0",
+  "version": "18.0.0",
   "description": "Cool button with loading indicator for angular",
   "peerDependencies": {
-    "@angular/common": ">=15.0.0",
-    "@angular/core": ">=15.0.0",
-    "@angular/material": ">=15.0.0",
-    "@angular/cdk": ">=15.0.0"
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0",
+    "@angular/material": ">=18.0.0",
+    "@angular/cdk": ">=18.0.0"
   },
@@ -38,7 +38,3 @@ "repository": {
   },
-  "module": "fesm2015/angular-cool-loading-button.mjs",
-  "es2020": "fesm2020/angular-cool-loading-button.mjs",
-  "esm2020": "esm2020/angular-cool-loading-button.mjs",
-  "fesm2020": "fesm2020/angular-cool-loading-button.mjs",
-  "fesm2015": "fesm2015/angular-cool-loading-button.mjs",
+  "module": "fesm2022/angular-cool-loading-button.mjs",
   "typings": "index.d.ts",
@@ -51,7 +47,5 @@ "exports": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/angular-cool-loading-button.mjs",
-      "es2020": "./fesm2020/angular-cool-loading-button.mjs",
-      "es2015": "./fesm2015/angular-cool-loading-button.mjs",
-      "node": "./fesm2015/angular-cool-loading-button.mjs",
-      "default": "./fesm2020/angular-cool-loading-button.mjs"
+      "esm2022": "./esm2022/angular-cool-loading-button.mjs",
+      "esm": "./esm2022/angular-cool-loading-button.mjs",
+      "default": "./fesm2022/angular-cool-loading-button.mjs"
     }
@@ -58,0 +52,0 @@ },

public-api.d.ts

 export * from './lib/cool-loading-button.component';
-export * from './lib/cool-loading-button.module';

README.md

@@ -12,17 +12,15 @@ [npm-url]: https://npmjs.org/package/@angular-cool/loading-button
 
-## Setup
-```javascript
-import { NgModule } from '@angular/core';
-import { CoolLoadingButtonModule } from '@angular-cool/loading-button';
+## Usage
 
-@NgModule({
-    imports: [CoolLoadingButtonModule]
+```typescript
+import { CoolLoadingButtonComponent } from '@angular-cool/loading-button';
+
+@Component({
+  imports: [CoolLoadingButtonComponent],
+  standalone: true,
 })
-export class MyAppModule {}
-```
-
-## Usage
-```typescript
-async myAsyncFunction(parameters: any): Promise<any> {
-  // Do something async
+export class MyComponent {
+  public async myAsyncFunction(parameters: any): Promise<any> {
+    // Do something async
+  }
 }
@@ -29,0 +27,0 @@ ```

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

35145

decreased by-24.04%

Number of package files

11

decreased by-26.67%

Lines of code

193

decreased by-43.07%

Number of lines in readme file

91

decreased by-2.15%

Number of low supply chain risk alerts

4

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes